/* Generated from theme/palette.json, the website's visual reference for anime. */
:root {
  --bg: #F7F8FA;
  --bg-rgb: 247, 248, 250;
  --paper: #FFFFFF;
  --paper-rgb: 255, 255, 255;
  --ink: #111827;
  --ink-rgb: 17, 24, 39;
  --muted: #5F6878;
  --muted-rgb: 95, 104, 120;
  --line: #DFE3EA;
  --line-rgb: 223, 227, 234;
  --player: #111827;
  --player-rgb: 17, 24, 39;
  --blue: #6D4AFF;
  --blue-rgb: 109, 74, 255;
  --blueLight: #EEEAFF;
  --blueLight-rgb: 238, 234, 255;
  --amber: #B45309;
  --amber-rgb: 180, 83, 9;
  --amberLight: #FFF1EB;
  --amberLight-rgb: 255, 241, 235;
  --teal: #18825C;
  --teal-rgb: 24, 130, 92;
  --tealLight: #EDF9F4;
  --tealLight-rgb: 237, 249, 244;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, monospace;
  --font-serif: Georgia, "Times New Roman", serif;
  --wash: var(--bg);
  --soft-line: color-mix(in srgb, var(--line) 55%, var(--paper));
  --on-dark-muted: rgba(var(--paper-rgb), .68);
  --on-dark-line: rgba(var(--paper-rgb), .18);
}

/* Shared navigation geometry. */
:root {
  --nav-max-width: 1440px;
  --nav-bar-height: 58px;
  --nav-bar-radius: 17px;
  --nav-brand-mark-size: 38px;
  --nav-brand-mark-radius: 11px;
  --nav-gap: 34px;
  --nav-link-gap: 30px;
  --nav-mobile-breakpoint: 900px;
}