/* ── TOKENS ──────────────────────────────────────────────── */
:root {
  /* Brand — Lime */
  --lime-500: #43FB6C;
  --lime-400: #80FFA0;
  --lime-900: #0A4A20;

  /* Brand — Teal */
  --teal-500: #00D9E8;
  --teal-900: #004A7A;

  /* Brand — Orange */
  --orange-500: #FF6B2B;
  --orange-900: #5E2300;

  /* Neutrals */
  --n-950: #0A0A0A;
  --n-900: #111111;
  --n-800: #1A1A1A;
  --n-700: #242424;
  --n-600: #2E2E2E;
  --n-500: #3D3D3D;
  --n-400: #717171;
  --n-300: #A0A0A0;
  --n-200: #D4D4D4;
  --n-100: #F5F7FA;
  --n-000: #FFFFFF;

  /* Feedback */
  --success: #34D399;
  --warning: #FF6B2B;
  --error:   #F87171;
  --info:    #22D3EE;

  /* Semantic aliases */
  --bg-base:     var(--n-950);
  --bg-surface:  var(--n-900);
  --bg-elevated: var(--n-800);
  --text-1: var(--n-000);
  --text-2: var(--n-300);
  --text-3: var(--n-400);
  --border:        var(--n-700);
  --border-mid:    var(--n-600);
  --border-accent: var(--lime-500);

  /* Layout */
  --col-label: 180px;

  /* Typography */
  --font-brand: 'Parkinsans', sans-serif;
  --font-body:  'Funnel Display', sans-serif;

  /* Radii */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  24px;
  --r-full: 9999px;

  /* Shadows */
  --sh-sm: 0 2px 8px rgba(0,0,0,.3);
  --sh-md: 0 4px 16px rgba(0,0,0,.4), 0 1px 4px rgba(0,0,0,.2);
  --sh-lg: 0 8px 32px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.2);
  --sh-xl: 0 16px 48px rgba(0,0,0,.6), 0 4px 12px rgba(0,0,0,.3);

  /* Easing */
  --ease:        cubic-bezier(.4, 0, .2, 1);
  --ease-out:    cubic-bezier(0, 0, .2, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);

  /* Duration */
  --t-fast: 150ms;
  --t-base: 250ms;
  --t-slow: 400ms;
}