/* ============================================
   Dopamine Retro — Design Tokens
   Bold, maximal, high-energy retro aesthetic,
   thick borders, strong hard-offset shadows,
   playful interactions, chunky UI elements,
   '90s web meets modern.
   ============================================ */

:root {
  /* Border radius — chunky, playful */
  --rad: 12px;

  /* Shadows — hard offset, retro-bold */
  --t-shadow: 4px 4px 0 color-mix(in srgb, var(--txt) 15%, transparent);
  --t-shadow-hover: 6px 6px 0 color-mix(in srgb, var(--main) 25%, transparent);
  --t-shadow-lg: 8px 8px 0 color-mix(in srgb, var(--txt) 18%, transparent);

  /* Hover / interaction — bouncy, energetic */
  --t-hover-scale: 1.03;
  --t-speed: .18s;
  --t-ease: cubic-bezier(.34, 1.56, .64, 1);

  /* Spacing multiplier — generous */
  --t-space: 1.05;

  /* Typography — heavy, maximal */
  --t-body-lh: 1.55;
  --t-heading-weight: 900;
  --t-heading-spacing: -.03em;
  --t-label-transform: uppercase;
  --t-label-spacing: .08em;

  /* Surface effects — none */
  --t-surface-blur: 0;
  --t-grain: none;

  /* Dividers — thick, retro */
  --t-divider-width: 3px;
  --t-divider-style: solid;

  /* Glow — off (hard shadows instead) */
  --t-glow: none;

  /* FAB — chunky */
  --t-fab-radius: 12px;

  /* Font stacks — bold geometric sans */
  --t-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --t-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}
/* Semantic status colours (styling audit 2026-10-19): one token instead of repeated literals; same values as Admin. */
:root{--danger:#e5484d;--success:#30a46c}