/* ============================================================
   Focalizee — Design Tokens (Material Design 3 · Green Scheme)
   ============================================================ */

:root {
  /* ── Primary ─────────────────────────────────────────────── */
  --md-primary:            #2E7D32;
  --md-primary-light:      #4CAF50;
  --md-primary-bright:     #66BB6A;
  --md-primary-dark:       #1B5E20;
  --md-primary-container:  #C8E6C9;
  --md-on-primary:         #FFFFFF;
  --md-on-primary-container: #002106;

  /* ── Secondary ───────────────────────────────────────────── */
  --md-secondary:          #52634F;
  --md-secondary-container:#D5E8D0;
  --md-on-secondary:       #FFFFFF;
  --md-on-secondary-container: #101F0F;

  /* ── Tertiary ────────────────────────────────────────────── */
  --md-tertiary:           #386666;
  --md-tertiary-container: #BBEBEB;
  --md-on-tertiary:        #FFFFFF;

  /* ── Surface / Background ────────────────────────────────── */
  --md-surface:            #FAFDF6;
  --md-surface-dim:        #DAE1D4;
  --md-surface-bright:     #FAFDF6;
  --md-surface-variant:    #F0F7ED;
  --md-surface-container-lowest:  #FFFFFF;
  --md-surface-container-low:     #F4FAF0;
  --md-surface-container:         #EEF5E9;
  --md-surface-container-high:    #E9F0E4;
  --md-surface-container-highest: #E3EADE;

  /* ── On-Surface ──────────────────────────────────────────── */
  --md-on-surface:         #1A1C19;
  --md-on-surface-variant: #424940;

  /* ── Outline ─────────────────────────────────────────────── */
  --md-outline:            #72796F;
  --md-outline-variant:    #C2C9BD;

  /* ── Error ───────────────────────────────────────────────── */
  --md-error:              #B3261E;
  --md-error-container:    #F9DEDC;
  --md-on-error:           #FFFFFF;

  /* ── Gradient ────────────────────────────────────────────── */
  --gradient-primary:      linear-gradient(135deg, #1B5E20 0%, #4CAF50 100%);
  --gradient-primary-soft: linear-gradient(135deg, #2E7D32 0%, #66BB6A 100%);
  --gradient-hero:         linear-gradient(160deg, #FAFDF6 0%, #E8F5E9 50%, #C8E6C9 100%);
  --gradient-card:         linear-gradient(145deg, #FFFFFF 0%, #F4FAF0 100%);

  /* ── Elevation (box-shadow) ──────────────────────────────── */
  --elevation-1: 0 1px 2px rgba(0,0,0,.08), 0 1px 3px 1px rgba(0,0,0,.06);
  --elevation-2: 0 1px 2px rgba(0,0,0,.10), 0 2px 6px 2px rgba(0,0,0,.08);
  --elevation-3: 0 4px 8px 3px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.10);
  --elevation-4: 0 6px 10px 4px rgba(0,0,0,.10), 0 2px 3px rgba(0,0,0,.10);
  --elevation-5: 0 8px 12px 6px rgba(0,0,0,.10), 0 4px 4px rgba(0,0,0,.10);

  /* ── Border Radius ───────────────────────────────────────── */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* ── Typography ──────────────────────────────────────────── */
  --font-primary:   'Inter', sans-serif;
  --font-display:   'Outfit', sans-serif;

  --text-xs:    0.75rem;   /* 12px */
  --text-sm:    0.875rem;  /* 14px */
  --text-base:  1rem;      /* 16px */
  --text-lg:    1.125rem;  /* 18px */
  --text-xl:    1.25rem;   /* 20px */
  --text-2xl:   1.5rem;    /* 24px */
  --text-3xl:   1.875rem;  /* 30px */
  --text-4xl:   2.25rem;   /* 36px */
  --text-5xl:   3rem;      /* 48px */
  --text-6xl:   3.75rem;   /* 60px */

  /* ── 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;
  --space-32:  8rem;

  /* ── Transitions ─────────────────────────────────────────── */
  --transition-fast:   150ms cubic-bezier(0.2, 0, 0, 1);
  --transition-medium: 250ms cubic-bezier(0.2, 0, 0, 1);
  --transition-slow:   400ms cubic-bezier(0.2, 0, 0, 1);
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Navbar ──────────────────────────────────────────────── */
  --navbar-height: 72px;
}