/* ============================================================
   assets/css/variables.css  —  Design Tokens
   Curve Matrix LLP
   ============================================================ */

:root {
  /* ── Brand Palette ── */
  --acid:        #C8FF00;
  --acid-dim:    rgba(200, 255, 0, 0.12);
  --acid-glow:   rgba(200, 255, 0, 0.35);
  --black:       #000000;
  --white:       #FFFFFF;

  /* ── Greys ── */
  --grey-950:    #070707;
  --grey-900:    #0A0A0A;
  --grey-800:    #111111;
  --grey-700:    #161616;
  --grey-600:    #1E1E1E;
  --grey-500:    #2A2A2A;
  --grey-400:    #3A3A3A;
  --grey-300:    #555555;
  --grey-200:    #6B6B6B;
  --grey-100:    #9A9A9A;

  /* ── Semantic ── */
  --bg-base:     var(--black);
  --bg-card:     var(--grey-900);
  --bg-card-hover: var(--grey-800);
  --bg-section-alt: var(--grey-900);
  --border:      var(--grey-600);
  --border-hover: rgba(200, 255, 0, 0.3);
  --text-primary: var(--white);
  --text-muted:  var(--grey-100);   /* brightened: was grey-200 (#6B6B6B) → now #9A9A9A */
  --text-faint:  var(--grey-200);   /* was grey-300 (#555) → now #6B6B6B */

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Jost', system-ui, sans-serif;

  /* ── Sizes ── */
  --nav-h:       72px;
  --r-sm:        4px;
  --r:           8px;
  --r-lg:        12px;
  --r-xl:        20px;
  --r-full:      999px;

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

  /* ── Easing ── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.87, 0, 0.13, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Shadows ── */
  --shadow-glow: 0 0 40px rgba(200, 255, 0, 0.25);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.6);
  --shadow-nav:  0 8px 32px rgba(0, 0, 0, 0.8);

  /* ── Transitions ── */
  --t-fast:   0.15s;
  --t-base:   0.25s;
  --t-slow:   0.4s;
  --t-xslow:  0.7s;
}