/* Academic As — Design Tokens v4 */
:root,
[data-theme="color"] {
  color-scheme: dark;
  --background: #07142b;
  --foreground: #f6f9ff;
  --card: #10264b;
  --primary: #7568ff;
  --primary-foreground: #ffffff;
  --secondary: #14345f;
  --muted: #11294e;
  --muted-foreground: #a9bdd7;
  --accent: #123b69;
  --destructive: #ff6175;
  --border: rgb(179 219 255 / 16%);
  --input: rgb(179 219 255 / 20%);
  --ring: #38d8ff;
  --radius: 1rem;
  --canvas: #061127;
  --canvas-deep: #09072a;
  --surface: rgb(13 38 73 / 78%);
  --surface-solid: #0c2344;
  --surface-raised: #12315a;
  --ink: #f7faff;
  --ink-soft: #c5d6eb;
  --ink-faint: #8ca6c6;
  --line: rgb(177 220 255 / 12%);
  --line-strong: rgb(189 228 255 / 21%);
  --glass-fill: rgb(14 46 88 / 54%);
  --glass-stroke: rgb(198 232 255 / 22%);
  --glass-shadow: 0 1px 1px rgb(255 255 255 / 7%), 0 24px 64px rgb(0 8 31 / 42%), inset 0 1px 0 rgb(255 255 255 / 18%);
  --violet: #7767ff;
  --violet-soft: #a79dff;
  --cyan: #39dcff;
  --ice: #dff7ff;
  --midnight: #030817;
  --success: #43d98a;
  --warning: #ffbd54;
  --danger: #ff6577;
  --sidebar-width: 248px;
  --top-height: 76px;
  --ease-liquid: cubic-bezier(.2,.8,.2,1);
}

[data-theme="dark"] {
  color-scheme: dark;
  --background: #05070d;
  --foreground: #f1f4ff;
  --card: #111522;
  --primary: #8d7cff;
  --primary-foreground: #ffffff;
  --secondary: #191e2d;
  --muted: #171c2a;
  --muted-foreground: #9ba5bb;
  --accent: #20243a;
  --destructive: #ff6573;
  --border: rgb(255 255 255 / 9%);
  --input: rgb(255 255 255 / 13%);
  --ring: #79b1ff;
  --canvas: #05070d;
  --canvas-deep: #090d18;
  --surface: rgb(16 20 33 / 82%);
  --surface-solid: #101421;
  --surface-raised: #151a2a;
  --ink: #f4f6ff;
  --ink-soft: #abb5c9;
  --ink-faint: #778298;
  --line: rgb(255 255 255 / 8%);
  --line-strong: rgb(255 255 255 / 14%);
  --glass-fill: rgb(17 21 34 / 56%);
  --glass-stroke: rgb(255 255 255 / 16%);
  --glass-shadow: 0 1px 1px rgb(0 0 0 / 22%), 0 18px 50px rgb(0 0 0 / 32%), inset 0 1px 0 rgb(255 255 255 / 11%);
  --violet: #7b6cff;
  --violet-soft: #a99fff;
  --cyan: #55dfff;
  --ice: #eaf3ff;
  --midnight: #05070d;
  --success: #3bd481;
  --warning: #ffb340;
  --danger: #ff6573;
}

@media (max-width: 1100px) {
  :root { --sidebar-width: 214px; }
}