/* Design tokens for the Neon Double Feature theme. Components only reference these. */
@font-face {
  font-family: "Anton";
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Anton-400-normal.woff2) format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SpaceMono-400-normal.woff2) format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/SpaceMono-700-normal.woff2) format("woff2");
}
:root {
  color-scheme: dark;

  /* Type */
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
  --font-display: "Anton", Impact, "Arial Narrow", sans-serif;
  --font-mono: "Space Mono", ui-monospace, Menlo, monospace;

  /* Color: ink base, lime for actions and seen, hot pink for the shared list and brand offsets */
  --bg: #130b30;
  --sf: #1d1446; /* surfaces: cards, inputs, menus */
  --sf2: #281d5a; /* chips, placeholders */
  --sec: #2a1f60; /* secondary buttons */
  --fg: #f6f3ff;
  --mut: #b8b0e2;
  --placeholder: #8c84bd;
  --bd: rgba(246, 243, 255, 0.15);
  --bd2: rgba(246, 243, 255, 0.28); /* hover/pressed and floating borders */
  --ink: #140a3a; /* text on lime and on light surfaces */
  --acc: #c8ff2e; /* lime: primary action, active, seen */
  --acc2: rgba(200, 255, 46, 0.14); /* soft lime fill */
  --accT: #d9ff70; /* lime text on ink */
  --pink: #ff2fb0;
  --pink2: rgba(255, 47, 176, 0.16);
  --err: #ff7a7a;
  --never: #ff7cc9;
  --toast-bg: #f6f3ff;
  --toast-fg: #140a3a;
  --toast-action: #c3127d;
  --scrim: rgba(19, 11, 48, 0.86);

  /* Elevation: flat print, hard offsets for brand moments, one real shadow for floating layers */
  --sh-hard: 3px 3px 0 var(--pink);
  --sh-float: 0 14px 36px rgba(5, 2, 20, 0.55);

  /* Radius: firm, not pillowy */
  --radius-xs: 4px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-control: 8px; /* buttons, saw-it, menu button, inputs */
  --radius-card: 6px; /* posters */
  --radius-menu: 10px;
  --radius-lg: 10px; /* panels, user rows */
  --radius-round: 999px; /* avatars only */
}