/* ============================================
   RenDS — Primitive Color Tokens
   ============================================
   Raw color palette. These are never used directly
   in components — they feed into semantic tokens.

   Based on Apple HIG color system + accessible
   contrast ratios (WCAG 2.1 AA minimum, AAA target).
   ============================================ */

:root {
  /* ─── Blue Scale ─── */
  --blue-50:  #EBF5FF;
  --blue-100: #D1E9FF;
  --blue-200: #A3D3FF;
  --blue-300: #75BDFF;
  --blue-400: #47A7FF;
  --blue-500: #007AFF; /* Apple system blue */
  --blue-600: #0063D1;
  --blue-700: #004DA3;
  --blue-800: #003775;
  --blue-900: #002147;

  /* ─── Gray Scale ─── */
  --gray-50:  #F9F9FB;
  --gray-100: #F2F2F7; /* Apple secondary bg */
  --gray-200: #E5E5EA; /* Apple fill */
  --gray-300: #D1D1D6; /* Apple secondary fill */
  --gray-400: #C7C7CC; /* Apple tertiary fill */
  --gray-500: #AEAEB2;
  --gray-600: #8E8E93; /* Apple tertiary text */
  --gray-700: #636366;
  --gray-800: #48484A;
  --gray-900: #3A3A3C;
  --gray-950: #2C2C2E;
  --gray-1000: #1C1C1E; /* Apple dark secondary bg */

  /* ─── Green Scale ─── */
  --green-50:  #E8FAF0;
  --green-100: #C2F0D5;
  --green-200: #7DDBA3;
  --green-300: #4ECB71;
  --green-400: #34C759; /* Apple system green */
  --green-500: #28A745;
  --green-600: #1E8E3E;
  --green-700: #167A32;
  --green-800: #0F5B25;
  --green-900: #083D19;

  /* ─── Red Scale ─── */
  --red-50:  #FFF0EF;
  --red-100: #FFD6D4;
  --red-200: #FFA8A3;
  --red-300: #FF7A72;
  --red-400: #FF3B30; /* Apple system red */
  --red-500: #D70015;
  --red-600: #B80012;
  --red-700: #990010;
  --red-800: #7A000D;
  --red-900: #5C000A;

  /* ─── Orange Scale ─── */
  --orange-50:  #FFF5EB;
  --orange-100: #FFE5C7;
  --orange-200: #FFCB8F;
  --orange-300: #FFB157;
  --orange-400: #FF9500; /* Apple system orange */
  --orange-500: #D97E00;
  --orange-600: #B36700;
  --orange-700: #8C5100;
  --orange-800: #663B00;
  --orange-900: #402500;

  /* ─── Yellow Scale ─── */
  --yellow-50:  #FFFBE5;
  --yellow-100: #FFF4B8;
  --yellow-200: #FFEA7A;
  --yellow-300: #FFE03C;
  --yellow-400: #FFCC00; /* Apple system yellow */
  --yellow-500: #D4AA00;
  --yellow-600: #AA8800;
  --yellow-700: #806600;
  --yellow-800: #554400;
  --yellow-900: #2B2200;

  /* ─── Teal Scale ─── */
  --teal-50:  #E5FAFE;
  --teal-100: #BFF2FC;
  --teal-200: #80E5F9;
  --teal-300: #40D8F6;
  --teal-400: #5AC8FA; /* Apple system teal */
  --teal-500: #32ACD6;
  --teal-600: #1E90B3;
  --teal-700: #14748F;
  --teal-800: #0C586C;
  --teal-900: #063C48;

  /* ─── Purple Scale ─── */
  --purple-50:  #F5EEFF;
  --purple-100: #E5D4FF;
  --purple-200: #CBAAFF;
  --purple-300: #B180FF;
  --purple-400: #AF52DE; /* Apple system purple */
  --purple-500: #8E3EBE;
  --purple-600: #6F2E9E;
  --purple-700: #52207E;
  --purple-800: #38155E;
  --purple-900: #200C3E;

  /* ─── Pink Scale ─── */
  --pink-50:  #FFF0F5;
  --pink-100: #FFD6E5;
  --pink-200: #FFADCB;
  --pink-300: #FF85B1;
  --pink-400: #FF2D55; /* Apple system pink */
  --pink-500: #D4234A;
  --pink-600: #AA1C3E;
  --pink-700: #801532;
  --pink-800: #550E26;
  --pink-900: #2B071A;

  /* ─── Neutral Absolutes ─── */
  --white: #FFFFFF;
  --black: #000000;
  --transparent: transparent;
}