/* =========================================================
   LAZARUS LABS — Design tokens
   Portable CSS custom properties. Reusable on checkout,
   thank-you, account-gate and any other transactional page.
   =========================================================
   Naming conventions
   ------------------
   --ll-surface-N        layered dark surfaces, ascending elevation
   --ll-border-*         hairlines
   --ll-text-*           foreground roles
   --ll-accent*          the single lime accent + variants
   --ll-danger*          error states
   --ll-font-*           font families
   --ll-fs-*             font size scale
   --ll-track-*          letter-spacing roles
   --ll-sp-N             spacing scale (4px base)
   --ll-r-*              radii scale
   --ll-shadow-*         elevation
   --ll-dur-x / --ll-ease  motion
   =========================================================
   Source of truth shipped by Claude Design (2026-04).
   Reuse on the thank-you page untouched. Do not rename
   variables without updating every consuming page at once.
   ========================================================= */

:root {
  /* --- Surfaces (dark-first, layered) --- */
  --ll-surface-0: #0B0B0B;   /* page background */
  --ll-surface-1: #11161C;   /* panel top */
  --ll-surface-2: #0F1318;   /* panel bottom */
  --ll-surface-3: #0B1116;   /* inputs / sunken fields */
  --ll-surface-4: #15202B;   /* hover / focused row */
  --ll-surface-ink: #0A0D12; /* footer strip */

  /* --- Borders --- */
  --ll-border:       #1E2631;
  --ll-border-soft:  #161C24;
  --ll-border-hover: #2A3B20;
  --ll-border-accent: rgba(167, 210, 45, 0.45);

  /* --- Accent (lime — sole accent) --- */
  --ll-accent:        #A7D22D;
  --ll-accent-hot:    #C7F33B;
  --ll-accent-press:  #92B925;
  --ll-accent-dim:    rgba(167, 210, 45, 0.12);
  --ll-accent-glow:   rgba(167, 210, 45, 0.35);
  --ll-on-accent:     #0B0B0B;

  /* --- Foreground --- */
  --ll-text:        #E6E6E6;
  --ll-text-strong: #FFFFFF;
  --ll-muted:       #A0A0A0;
  --ll-muted-2:     #B4BCC6;
  --ll-dim:         #6B7280;

  /* --- Status --- */
  --ll-success:  #A7D22D;
  --ll-danger:   #D25252;
  --ll-danger-dim: rgba(210, 82, 82, 0.12);

  /* --- Fonts --- */
  --ll-font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --ll-font-heading: 'Montserrat', 'Inter', sans-serif;
  --ll-font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* --- Type scale --- */
  --ll-fs-micro: 10px;
  --ll-fs-2xs:   11px;
  --ll-fs-xs:    12px;
  --ll-fs-sm:    13px;
  --ll-fs-base:  14px;
  --ll-fs-md:    15px;
  --ll-fs-lg:    17px;
  --ll-fs-xl:    20px;
  --ll-fs-2xl:   24px;
  --ll-fs-3xl:   30px;

  /* --- Tracking --- */
  --ll-track-body:    0em;
  --ll-track-display: 0.03em;
  --ll-track-kicker:  0.16em;
  --ll-track-button:  0.08em;
  --ll-track-label:   0.14em;

  /* --- Line heights --- */
  --ll-lh-tight: 1.15;
  --ll-lh-snug:  1.35;
  --ll-lh-body:  1.55;

  /* --- Spacing (4px base) --- */
  --ll-sp-1:  4px;
  --ll-sp-2:  8px;
  --ll-sp-3:  12px;
  --ll-sp-4:  16px;
  --ll-sp-5:  20px;
  --ll-sp-6:  24px;
  --ll-sp-7:  32px;
  --ll-sp-8:  40px;
  --ll-sp-9:  56px;
  --ll-sp-10: 72px;

  /* --- Radii --- */
  --ll-r-xs:   6px;
  --ll-r-sm:   8px;
  --ll-r:      12px;
  --ll-r-lg:   14px;
  --ll-r-xl:   16px;
  --ll-r-pill: 999px;

  /* --- Elevation / shadow --- */
  --ll-shadow-sm:  0 4px 14px rgba(0,0,0,0.25);
  --ll-shadow:     0 14px 40px rgba(0,0,0,0.35);
  --ll-shadow-lg:  0 24px 60px rgba(0,0,0,0.55);
  --ll-inner-hi:   inset 0 1px 0 rgba(255,255,255,0.04);
  --ll-focus-ring: 0 0 0 3px rgba(167, 210, 45, 0.35);

  /* --- Gradients --- */
  --ll-grad-panel:  linear-gradient(180deg, var(--ll-surface-1), var(--ll-surface-2));
  --ll-grad-accent: linear-gradient(180deg, #B9E23D, #92B925);
  --ll-grad-glow:   radial-gradient(1100px 420px at 10% -12%,
                      rgba(167,210,45,0.06), transparent 60%);
  --ll-grad-page:   radial-gradient(1100px 420px at 10% -12%,
                      rgba(167,210,45,0.06), transparent 60%),
                    var(--ll-surface-0);

  /* --- Layout --- */
  --ll-max-w:  1200px;
  --ll-gutter: 22px;

  /* --- Summary column width (tweakable) --- */
  --ll-summary-col: 38%;

  /* --- Motion --- */
  --ll-ease:     cubic-bezier(.2, .7, .2, 1);
  --ll-dur-fast: 120ms;
  --ll-dur:      180ms;
  --ll-dur-slow: 320ms;
}