/* ============================================
   Design Tokens — Dr Joseph Assad
   Brand: Elevated & Rare, Approachable
   ============================================ */

:root {
  /* --- Primitive Colors --- */
  --midnight-950: #060D18;
  --midnight-900: #0C1B2A;
  --midnight-800: #132840;
  --midnight-700: #1A3556;
  --midnight-600: #24476E;
  --midnight-500: #2E5986;
  --midnight-400: #4A7AAD;
  --midnight-300: #7BA0C9;
  --midnight-200: #ACC6E0;
  --midnight-100: #D6E3F0;
  --midnight-50:  #EBF1F8;

  --champagne-900: #5C4A2A;
  --champagne-800: #7A6338;
  --champagne-700: #987C46;
  --champagne-600: #B8945F;
  --champagne-500: #C9A96E;
  --champagne-400: #D4B882;
  --champagne-300: #DFC89A;
  --champagne-200: #EAD8B5;
  --champagne-100: #F4EBDA;
  --champagne-50:  #FAF6EE;

  --neutral-950: #0A0A0C;
  --neutral-900: #1A1A2E;
  --neutral-800: #2D2D3F;
  --neutral-700: #434356;
  --neutral-600: #5A5A6E;
  --neutral-500: #737387;
  --neutral-400: #9090A0;
  --neutral-300: #B0B0BC;
  --neutral-200: #D0D0D8;
  --neutral-100: #E8E6E1;
  --neutral-50:  #F5F4F1;

  --white: #FAFAF8;
  --pure-white: #FFFFFF;

  /* Status */
  --green-500: #3D8B5E;
  --green-400: #4FA872;
  --amber-500: #C49A3C;
  --amber-400: #D4AD50;
  --red-500: #B94A48;
  --red-400: #CF5C5A;

  /* --- Semantic Tokens --- */
  --color-surface-primary: var(--white);
  --color-surface-elevated: var(--pure-white);
  --color-surface-dark: var(--midnight-900);
  --color-surface-darker: var(--midnight-950);
  --color-surface-muted: var(--neutral-50);

  --color-brand-primary: var(--midnight-900);
  --color-brand-accent: var(--champagne-600);

  --color-text-primary: var(--neutral-900);
  --color-text-secondary: var(--neutral-600);
  --color-text-tertiary: var(--neutral-500);
  --color-text-on-dark: var(--white);
  --color-text-on-dark-muted: var(--midnight-200);
  --color-text-accent: var(--champagne-600);

  --color-border-default: var(--neutral-100);
  --color-border-subtle: rgba(0, 0, 0, 0.05);
  --color-border-on-dark: rgba(255, 255, 255, 0.08);

  /* --- Typography --- */
  --font-heading: 'Instrument Serif', Georgia, serif;
  --font-body: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;

  /* Type Scale */
  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1.0625rem;
  --text-md:   1.1875rem;
  --text-lg:   1.3125rem;
  --text-xl:   clamp(1.375rem, 1.2rem + 0.5vw, 1.625rem);
  --text-2xl:  clamp(1.625rem, 1.3rem + 0.9vw, 2.125rem);
  --text-3xl:  clamp(2rem, 1.5rem + 1.3vw, 2.75rem);
  --text-4xl:  clamp(2.5rem, 1.7rem + 2.2vw, 3.5rem);
  --text-5xl:  clamp(3rem, 2rem + 3vw, 4.25rem);

  /* Line Heights */
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* Letter Spacing */
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --tracking-wider: 0.12em;

  /* Weights */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* --- Spacing --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* --- Layout --- */
  --max-width: 1100px;
  --max-width-narrow: 720px;
  --gutter: clamp(1.5rem, 4vw, 3rem);

  /* --- Misc --- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(10, 10, 12, 0.04);
  --shadow-md: 0 4px 16px rgba(10, 10, 12, 0.06);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;
}