@import url("/theme-fx.css");
/*
 * ZaidanLab theme tokens — the single place to change the site's look.
 *
 * Every page and every standalone app (styles.css, home-fx.css, apps/*, demos/*, tools/*) imports this file
 * and reads these tokens; the 3D hero (home-3d.js) reads them at runtime. Colours are HSL triplets
 * ("H S% L%") so they work inside hsl(var(--t-x) / .4).
 *
 * Current theme: dark + cyberpunk neon + CRT monitor + vintage 60s/70s cartoon
 * (sunset orange / mustard / teal / hot pink on deep indigo, chunky outlines, hard offset shadows).
 *
 * Palette and shape knobs live here. The shared effect layer (CRT overlay, CRT hover, stripes, halftone)
 * is /theme-fx.css, imported at the bottom of this file.
 */
:root{
  /* Surfaces */
  --t-bg: 258 38% 6%;            /* page background */
  --t-bg-alt: 258 36% 9%;        /* alternating section background */
  --t-surface: 258 32% 12%;      /* cards, panels */
  --t-ink: 258 50% 5%;           /* deepest tone: text on bright fills, outlines on bright fills */
  --t-shade: 258 60% 3%;         /* scanlines / vignette */
  --t-border: 258 22% 30%;       /* hairlines */
  --t-outline: 42 45% 86%;       /* cartoon outline colour (cream) */

  /* Text */
  --t-fg: 42 60% 93%;
  --t-muted: 40 14% 72%;

  /* Brand colours */
  --t-primary: 24 100% 58%;      /* sunset orange: links, primary buttons, focus */
  --t-accent: 335 92% 64%;       /* hot pink: shadows, hover, highlights */
  --t-warn: 45 100% 58%;         /* mustard: stickers, warnings */
  --t-info: 178 70% 48%;         /* teal: info, secondary shadows */
  --t-danger: 4 100% 72%;        /* errors */

  /* 3D hero scene (home-3d.js) */
  --t-sky-top: 258 60% 5%;
  --t-sky-mid: 282 50% 16%;
  --t-sky-horizon: 14 100% 46%;
  --t-sun-top: 48 100% 62%;
  --t-sun-bottom: 335 92% 58%;

  /* Shape */
  --t-radius: 16px;              /* cards, panels */
  --t-stroke: 3px;               /* cartoon outline width */
  --t-offset: 6px;               /* hard drop-shadow offset */

  /* Type */
  --t-font-display: "Righteous", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
  --t-font-mono: "Space Mono", ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
}