/* NEURAL LENS design tokens.
   A saturated "game lobby" blue page, candy colors, thick ink outlines and chunky
   offset shadows. Each lab overrides the --lab-* tokens to get its own color world. */

:root {
  /* Core palette */
  --ink: #1A1033;          /* outlines, shadows, text on light surfaces */
  --page: #2F35D8;         /* lens blue: the page */
  --page-deep: #2228A8;    /* top bar, recessed areas */
  --page-dots: rgba(255, 255, 255, 0.07);
  --cream: #FFF4E0;        /* text on dark, light surfaces */
  --paper: #FFFBF3;

  /* Candy */
  --sun: #FFD23F;
  --pink: #FF4FA3;
  --sky: #3DDCFF;
  --mint: #2BD67B;
  --flame: #FF7A1A;
  --grape: #7B5CFF;
  --acid: #B8FF00;
  --lilac: #C9B6FF;
  --brick-red: #FF4B4B;
  --brick-blue: #2F7BFF;

  /* Type */
  --font-display: 'Lilita One', 'Baloo 2', system-ui, sans-serif;
  --font-ui: 'Baloo 2', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --step--1: clamp(0.88rem, 0.84rem + 0.2vw, 0.98rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3: clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --step-hero: clamp(3.4rem, 2rem + 8vw, 8.5rem);

  /* Shape */
  --stroke: 3px;
  --pop: 0 6px 0 var(--ink);
  --pop-pressed: 0 2px 0 var(--ink);
  --radius-s: 12px;
  --radius-m: 18px;
  --radius-l: 28px;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Default lab world (home) */
  --lab-a: var(--sun);
  --lab-b: var(--pink);
  --lab-on-a: var(--ink);
  --lab-stage: #241A6B;
  --lab-on-stage: var(--cream);
}

/* Lab color worlds */
[data-lab="tokenizer"]   { --lab-a: var(--brick-red); --lab-b: var(--sun);   --lab-on-a: var(--ink);   --lab-stage: #FFF1D6; --lab-on-stage: var(--ink); }
[data-lab="galaxy"]      { --lab-a: var(--grape);     --lab-b: var(--sky);   --lab-on-a: var(--cream); --lab-stage: #0B0620; --lab-on-stage: var(--cream); }
[data-lab="temperature"] { --lab-a: var(--flame);     --lab-b: var(--sky);   --lab-on-a: var(--ink);   --lab-stage: #FFF7EE; --lab-on-stage: var(--ink); }
[data-lab="xray"]        { --lab-a: var(--acid);      --lab-b: var(--sky);   --lab-on-a: var(--ink);   --lab-stage: #06140C; --lab-on-stage: #E6FFD0; }
[data-lab="mirrors"]     { --lab-a: var(--pink);      --lab-b: var(--lilac); --lab-on-a: var(--ink);   --lab-stage: #FCEBFF; --lab-on-stage: var(--ink); }
[data-lab="attention"]   { --lab-a: var(--sun);       --lab-b: var(--pink);  --lab-on-a: var(--ink);   --lab-stage: #241046; --lab-on-stage: var(--cream); }