/**
 * Israelis in Florida — Design Tokens
 * Direction: warm community · Florida sun · Mediterranean roots
 */
:root {
  /* Brand */
  --color-primary: #1a5c4b;
  --color-primary-light: #267a64;
  --color-primary-dark: #0f3d32;
  --color-primary-soft: #e8f3ef;
  --color-primary-muted: #d4e8df;
  --color-primary-tint: #f3f9f6;

  /* Accent — sunset terracotta */
  --color-accent: #d4643a;
  --color-accent-light: #e8876a;
  --color-accent-soft: #faf0eb;
  --color-accent-dark: #b04e2a;
  --color-accent-pale: #e8a87c;

  /* Surfaces */
  --color-bg: #faf8f4;
  --color-bg-elevated: #ffffff;
  --color-bg-dark: #0f2922;
  --color-bg-dark-soft: #163830;
  --color-bg-sunken: #f2efe8;

  /* Text */
  --color-text: #1c211e;
  --color-text-muted: #5f6b65;
  --color-text-subtle: #8a9690;
  --color-text-inverse: #f8faf9;
  --color-text-inverse-muted: rgba(248, 250, 249, 0.72);

  /* Borders */
  --color-border: #e8e4dc;
  --color-border-strong: #d4cfc4;

  /* Semantic */
  --color-success: #1a7a55;
  --color-warning: #c47a12;
  --color-danger: #c0392b;
  --color-info: #2a6b8a;
  --color-info-dark: #1a4a5c;

  --color-success-soft: #e8f5ef;
  --color-warning-soft: #fef6e8;
  --color-danger-soft: #fceeed;
  --color-danger-border: #f0c4bc;
  --color-warning-border: #f5ddb0;
  --color-info-soft: #edf5f9;
  --color-info-tint: #f4f9fb;

  /* Legacy aliases — DEPRECATED.
     Kept only so older markup keeps rendering. Every alias resolves to a
     --color-* token above; author new CSS against --color-* directly.
     Nothing in public/*.css depends on these any more. */
  --green: var(--color-primary);
  --green-dark: var(--color-primary-dark);
  --green-mid: var(--color-primary-light);
  --green-light: var(--color-primary-soft);
  --green-50: var(--color-primary-tint);
  --blue-900: var(--color-bg-dark);
  --blue-700: var(--color-info-dark);
  --blue-500: var(--color-info);
  --blue-100: var(--color-info-soft);
  --blue-50: var(--color-info-tint);
  --gold-500: var(--color-accent-dark);
  --gold-300: var(--color-accent-pale);
  --gold-50: var(--color-accent-soft);
  --neutral-900: var(--color-text);
  --neutral-600: var(--color-text-muted);
  --neutral-400: var(--color-text-subtle);
  --neutral-300: var(--color-border);
  --neutral-200: var(--color-border);
  --neutral-500: var(--color-text-muted);
  --neutral-700: var(--color-text);
  --neutral-100: var(--color-bg-sunken);
  --neutral-50: var(--color-bg);
  --white: var(--color-bg-elevated);
  --success: var(--color-success);
  --warning: var(--color-warning);
  --danger: var(--color-danger);
  --info: var(--color-info);
  --danger-bg: var(--color-danger-soft);
  --danger-border: var(--color-danger-border);
  --warning-bg: var(--color-warning-soft);
  --warning-border: var(--color-warning-border);
  --success-border: var(--color-primary-muted);

  /* Typography */
  --font-display: 'Fraunces', 'Georgia', 'Times New Roman', serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-hebrew: 'Heebo', 'Arial Hebrew', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.3125rem;
  --text-2xl: 1.625rem;
  --text-3xl: 2.125rem;
  --text-display: clamp(2rem, 4vw, 3.25rem);
  --text-hero: clamp(2.5rem, 5.5vw, 4.5rem);

  --leading-tight: 1.15;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Shape */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 999px;

  /* Depth */
  --shadow-sm: 0 1px 2px rgba(28, 33, 30, 0.04), 0 2px 8px rgba(28, 33, 30, 0.04);
  --shadow-md: 0 4px 16px rgba(28, 33, 30, 0.06), 0 8px 24px rgba(28, 33, 30, 0.04);
  --shadow-lg: 0 12px 40px rgba(28, 33, 30, 0.08), 0 4px 12px rgba(28, 33, 30, 0.04);
  --shadow-card: 0 20px 50px rgba(15, 61, 50, 0.1);
  --shadow-glow: 0 0 0 1px rgba(26, 92, 75, 0.08), 0 8px 32px rgba(26, 92, 75, 0.12);

  /* Layout */
  --container-max: 1180px;
  --container-narrow: 1080px;
  --container-form: 480px;
  --header-height: 72px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 0.18s;
  --duration-normal: 0.28s;
  --duration-slow: 0.5s;
}