/* Lot 99 Labs — design tokens
   Vintage-industrial dark palette. Warm bone text on charcoal.
   One restrained accent: burnished amber. */
:root{
  /* Type scale (reused from FL) */
  --text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm:clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg:clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl:clamp(2.5rem, 1rem + 4vw, 5rem);
  --text-hero:clamp(3.25rem, 0.5rem + 9vw, 8.5rem);
  --text-mega:clamp(4rem, 0.5rem + 14vw, 14rem);

  /* Spacing (reused) */
  --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;

  /* Container widths */
  --content-narrow:640px;--content-default:960px;--content-wide:1280px;

  /* Radius — slightly tighter for the industrial feel */
  --radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.625rem;
  --radius-xl:0.875rem;--radius-full:9999px;

  /* Motion */
  --transition-interactive:180ms cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);

  /* Z */
  --z-content:1;--z-raised:10;--z-header:100;--z-floating:110;
  --z-scrim:140;--z-drawer:150;--z-sticky-cta:120;

  /* Type families — reused from FL */
  --font-display:'Cabinet Grotesk','Inter',sans-serif;
  --font-body:'Satoshi','Inter',sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;
}

/* Dark theme is the only theme for Lot 99. */
:root, [data-theme=dark]{
  /* Surfaces — warm near-black through charcoal */
  --color-bg:#0d0c0a;                 /* warm near-black */
  --color-surface:#141310;            /* charcoal */
  --color-surface-2:#1c1a16;          /* raised surface */
  --color-surface-3:#24211c;          /* highest surface */
  --color-border:#2e2a24;             /* warm border */
  --color-border-subtle:#221f1a;
  --color-divider:#1c1a16;

  /* Text — warm bone/off-white */
  --color-text:#efe9dd;               /* warm off-white */
  --color-text-muted:#8f877a;         /* muted warm gray */
  --color-text-faint:#5a5348;
  --color-text-inverse:#0d0c0a;

  /* Accent — burnished amber, restrained */
  --color-primary:#c8963f;            /* burnished amber */
  --color-primary-bright:#e0ac52;     /* hover/active */
  --color-primary-hover:#a67b32;
  --color-primary-glow:rgba(200,150,63,0.12);
  --color-primary-glow-strong:rgba(200,150,63,0.28);

  /* Support / status */
  --color-support:#6b6357;
  --color-success:#7fa96b;
  --color-warning:#d99748;
  --color-error:#c8583f;

  /* Glass */
  --glass-bg:rgba(20, 19, 16, 0.72);
  --glass-border:rgba(239,233,221,0.06);
  --glass-hover:rgba(239,233,221,0.04);

  /* Shadows */
  --shadow-sm:0 1px 3px rgba(0,0,0,0.5);
  --shadow-md:0 4px 16px rgba(0,0,0,0.55);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.65);
  --shadow-blue:0 0 30px rgba(200,150,63,0.18);
  --shadow-blue-strong:0 0 60px rgba(200,150,63,0.32);
}

/* Subtle grain texture for the whole page — vintage-industrial feel */
body{
  background-color:var(--color-bg);
  background-image:
    radial-gradient(1200px 800px at 15% -10%, rgba(200,150,63,0.06), transparent 60%),
    radial-gradient(900px 600px at 100% 100%, rgba(200,150,63,0.04), transparent 55%);
  background-attachment:fixed;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1;
  opacity:.35;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.85  0 0 0 0 0.75  0 0 0 0.09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* Keep header/nav/drawer/main above the grain overlay */
.nav, .drawer, .drawer-overlay, main, footer, .sticky-cta, .fab-pair{ position:relative; z-index:2; }