/* ============================================================================
   MOON.lite — 1of1 Design System · TOKENS
   Every value below is derived from PIL pixel samples of the comp
   C:\Users\User\Downloads\UI_IMPROVEMENTS\1of1.png (1672x941).
   See LP_PROGRAM/1of1/palette.json + spec.md for provenance + ΔE.
   Additive, self-hosted fonts. No third-party marks.
   ============================================================================ */
:root {
  /* ---- PAGE / BACKGROUND (cosmic dark-navy) ---- */
  --bg-deep:        #01060e;   /* corners  (sampled #01060e/#01060f) */
  --bg-base:        #020813;   /* field    (sampled #020813/#020914) */
  --bg-lift:        #050e1e;   /* top-center radial lift behind nav */

  /* ---- SURFACES ---- */
  --surface-panel:  #08111f;   /* Graduated panel fill (#07101e/#08111f) */
  --surface-panel-glass: rgba(9,17,31,.55);
  --surface-card-top:   #0d1626; /* card fill top */
  --surface-card-bot:   #090f1a; /* card fill bottom (sampled #0a111b flat) */
  --surface-elevated:   #121f34; /* cmdK chip (#121f34) */
  --surface-chip:       #11203d; /* count chip (#11203d) */
  --surface-inactive:   #08111f; /* inactive pill / wallet chip (#08111f/#070f1b) */
  --surface-tag:        rgba(41,63,104,.85);  /* card tag, comp fill #29406b */

  /* ---- BORDERS ---- */
  --border-card:    rgba(150,178,224,.10);  /* measured base #141e33 over bg */
  --border-card-hex:#141e33;
  --border-panel:   rgba(140,170,220,.12);
  --border-hair:    rgba(255,255,255,.06);
  --border-chip:    rgba(150,180,235,.14);
  --border-pill:    rgba(255,255,255,.07);

  /* ---- ICE-BLUE ACCENT RAMP ---- */
  --ice-50:  #eef4ff;
  --ice-100: #cfe0ff;
  --ice-200: #b3cdf5;   /* wordmark (sampled #b3cdf5) */
  --ice-300: #9ec2ff;   /* ticker text (#9bc0ff..#cbe7ff edge) */
  --ice-400: #7ea6ff;
  --ice-500: #5e8bef;   /* primary accent / active pill border */
  --ice-600: #3f63b4;   /* deep glow (sampled halo #3d60b1) */
  --ice-700: #243f7c;

  /* ---- ACTIVE PILL (Graduated) ---- */
  --pill-active-top: #103360;  /* darkened top stop to match comp #0b2450 fill */
  --pill-active-bot: #0b2450;
  --pill-active-border: rgba(126,166,255,.55);

  /* ---- "+ Create" LIGHT GRADIENT ---- */
  --create-hi:  #e6f6ff;   /* top-right cyan-white (#dbfbff) */
  --create-mid: #c9dcff;   /* (#b8d1fa) */
  --create-lo:  #aec6fb;   /* bottom-left periwinkle (#aecbfc) */
  --create-ink: #0a1830;   /* dark navy label */

  /* ---- TEXT ---- */
  --text-primary:   #ffffff;  /* headings / card name / MC value / active nav / count */
  --text-wordmark:  #c6dafb;  /* logo wordmark */
  --text-secondary: #8ba0c4;  /* subtitle / secondary */
  --text-muted:     #5f7599;  /* address / MC label / age (#556a8c) */
  --text-ticker:    #bcdcff;  /* $TICKER */
  --text-nav:       #aab9d4;  /* inactive nav */
  --text-placeholder:#6d81a4; /* search placeholder */

  /* ---- GLOWS (layered elsewhere; base colors here) ---- */
  --glow-ice:  rgba(94,139,239,.45);
  --glow-cyan: rgba(180,214,255,.55);
  --glow-soft: rgba(70,120,220,.22);

  /* ---- SEMANTIC (not shown on this screen; for propagation) ---- */
  --up:   #46d6a0;
  --down: #ff6b7d;

  /* ---- SPACING (8pt scale) ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;

  /* ---- RADII (px, measured) ---- */
  --r-card:18px; --r-panel:26px; --r-pill:999px; --r-search:18px;
  --r-chip:10px; --r-tag:10px; --r-art:14px; --r-btn:999px;

  /* ---- ELEVATION ---- */
  --shadow-card: 0 1px 0 rgba(255,255,255,.03) inset,
                 0 18px 40px -24px rgba(0,4,12,.9);
  --shadow-panel: 0 40px 120px -60px rgba(0,6,20,.9);

  /* ---- BLUR ---- */
  --blur-glass: 14px;

  /* ---- LAYOUT ---- */
  --container: 1616px;
  --grid-gap: 14px;
  --grid-cols: 5;

  /* ---- TYPE ---- */
  --font-brand: "Fredoka","Baloo 2",system-ui,sans-serif;
  --font-ui: "Inter","Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif;

  /* ---- MOTION ---- */
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 140ms; --dur: 220ms; --dur-slow: 420ms;
}