/* UniHive Neo-Brutalist Design Tokens */
:root {
  --color-ink: #111111;
  --color-paper: #FFF8E7; /* Warm notebook cream */
  --color-paper-card: #FFFFFF;
  --color-primary: #FFD93D; /* Marker yellow */
  --color-coral: #FF6B6B;   /* Danger, overdue, damage */
  --color-blue: #4D96FF;    /* Links, active, in-field */
  --color-mint: #6BCB77;    /* Approved, returned, success */
  --color-lilac: #B983FF;   /* Training-gated, admin */
  --color-white: #FFFFFF;
  --color-muted: #555555;
  --color-border: #111111;

  --border-thick: 3px solid var(--color-ink);
  --border-medium: 2px solid var(--color-ink);
  --border-thin: 1px solid var(--color-ink);

  --shadow-hard: 6px 6px 0 var(--color-ink);
  --shadow-hard-sm: 3px 3px 0 var(--color-ink);
  --shadow-hard-lg: 10px 10px 0 var(--color-ink);
  --shadow-hard-active: 2px 2px 0 var(--color-ink);

  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 6px;

  --font-heading: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'Space Mono', monospace;

  --dot-grid-size: 24px;
  --dot-grid-color: rgba(17, 17, 17, 0.08);
}

/* High Contrast & Enhanced Readability Greyish Dark Mode */
[data-theme="dark"] {
  --color-ink: #F0F6FC;         /* High-contrast crisp white text */
  --color-paper: #22272E;       /* Comfortable charcoal-slate grey canvas (replaces pitch black) */
  --color-paper-card: #2D333B;  /* Elevated slate card surface */
  --color-primary: #FFD93D;     /* High-visibility primary yellow */
  --color-coral: #FF7B72;       /* Alert coral */
  --color-blue: #58A6FF;        /* Bright readable sky blue */
  --color-mint: #3FB950;        /* Vivid emerald mint */
  --color-lilac: #D2A8FF;       /* Clear bright lilac */
  --color-white: #FFFFFF;
  --color-muted: #ADBAC7;       /* High-contrast readable secondary text */
  --color-border: #545D68;      /* Clean defined slate borders */

  --border-thick: 2px solid #545D68;
  --border-medium: 2px solid #545D68;
  --border-thin: 1px solid #444C56;

  --shadow-hard: 4px 4px 0 #111418;
  --shadow-hard-sm: 2px 2px 0 #111418;
  --shadow-hard-lg: 6px 6px 0 #111418;
  --shadow-hard-active: 1px 1px 0 #111418;

  --dot-grid-color: rgba(240, 246, 252, 0.05);
}