/* Astral Pic design tokens. One accent family, status colours for status only, system font stack. */
:root {
  color-scheme: light;
  --paper: #FFFFFF;  --paper-2: #F1F4F6;  --line: #D5DCE2;  --line-strong: #8A96A3;
  --ink: #15202B;  --ink-2: #4A5663;  --ink-3: #6B7785;
  --accent: #0B2A5B;  --accent-2: #143E80;  --accent-tint: #E4EAF5;
  --clear: #1A6B43;  --clear-tint: #E3F2EA;
  --hold: #7A5200;  --hold-tint: #FBF0D5;
  --abort: #B3261E;  --abort-tint: #FBE9E7;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-1: 0.875rem; --fs-2: 1rem; --fs-3: 1.125rem; --fs-4: 1.3125rem; --fs-5: 1.625rem; --fs-6: 2.125rem; --fs-7: 2.75rem; --fs-8: 3.625rem;
  --lh-tight: 1.15; --lh-body: 1.55; --lh-ui: 1.4;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;
  --r-strip: 2px; --r-badge: 4px; --r-control: 6px; --r-card: 12px;
  --shadow-dialog: 0 24px 48px rgba(11, 42, 91, .18);
  --focus: 0 0 0 2px var(--paper), 0 0 0 5px var(--accent);
  --max-site: 1120px; --max-narrow: 680px; --max-app: 1280px; --sidebar: 240px;
  --ease: cubic-bezier(.2, .7, .2, 1); --t-fast: 120ms; --t-base: 180ms; --t-fill: 250ms;
}
.player { color-scheme: dark; --paper: #0F1215; --paper-2: #16191D; --line: rgba(255,255,255,.12); --line-strong: rgba(255,255,255,.3); --ink: #F2F4F6; --ink-2: rgba(255,255,255,.72); --ink-3: rgba(255,255,255,.55); --accent-tint: #1B2A44; }
@media (prefers-reduced-motion: reduce) { :root { --t-fast: 0ms; --t-base: 0ms; --t-fill: 0ms; } }