:root {
  color-scheme: dark;

  --font-mono: "IBM Plex Mono", "SF Mono", "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-archive-black: #08090b;
  --color-panel: #101216;
  --color-panel-raised: #15171b;
  --color-panel-soft: #121419;
  --color-hairline: #2d3036;
  --color-hairline-soft: #202329;
  --color-text-primary: #f4f3ef;
  --color-text-muted: #a5a7ad;
  --color-text-faint: #74777f;
  --color-signal-red: #ff4d44;
  --color-signal-teal: #19e77a;
  --color-chip-idle: #131817;
  --color-chip-active: #f3f3ef;
  --color-chip-border: #23252b;
  --color-idle-stroke: #1a1a1a;
  --color-weekday: #f74137;
  --radius-chip: 4px;
  --color-signal-red-dark: #4a1110;
  --color-rating-yellow: #f3c84b;
  --color-imdb: #f3c84b;
  --color-rt: #fa320a;
  --color-inverse: #08090b;
  --color-overlay: rgba(8, 9, 11, 0.54);
  --color-overlay-strong: rgba(8, 9, 11, 0.82);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-12: 48px;

  --radius-none: 0px;
  --radius-panel: 8px;
  --radius-shell: 14px;
  --radius-pill: 999px;

  --text-label: 12px;
  --text-meta: 13px;
  --text-body: 15px;
  --text-title-sm: 19px;
  --text-title-md: 27px;
  --text-title-lg: 39px;
  --text-display: 39px;

  --leading-label: 12px;
  --leading-body: 24px;
  --leading-title-sm: 24px;
  --leading-title-md: 30px;
  --leading-title-lg: 36px;
  --leading-display: 44px;

  --duration-press: 120ms;
  --duration-stagger: 40ms;
  --duration-micro: 80ms;
  --duration-quick: 150ms;
  --duration-fast: 200ms;
  --duration-open: 250ms;
  --duration-medium: 350ms;
  --duration-slow: 400ms;
  --duration-very-slow: 500ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-linear: linear;
  --scale-press: 0.96;
  --scale-large: 0.96;
  --scale-medium: 0.97;
  --scale-small: 0.98;
  --distance-micro: 4px;
  --distance-base: 8px;
  --distance-medium: 12px;
  --blur-small: 2px;
  --blur-medium: 3px;

  --tracking-label: 0.12em;
  --tracking-command: 0.08em;
  --tracking-title: 0em;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --container-mobile: 390px;
  --container-content: 1240px;
  --breakpoint-mobile: 680px;
  --breakpoint-tablet: 1180px;
  --hit-area: 44px;

  /* Paper component contracts */
  --cue-page-inline: 12px;
  --cue-page-block: 20px;
  --cue-header-size: 16px;
  --cue-header-leading: 24px;
  --cue-body-size: 12px;
  --cue-body-leading: 16px;
  --cue-meta-size: 10px;
  --cue-meta-leading: 15px;
  --cue-control-height: 34px;
  --cue-control-radius: 4px;
  --cue-media-radius: 4px;
  --cue-media-stroke: #22252b;
  --cue-surface: #131817;
  --cue-surface-raised: #15171b;
  --cue-surface-stroke: #1b201d;
  --cue-glass: rgba(19, 24, 23, 0.82);
  --cue-image-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4);

  --outline-image: 1px solid rgba(255, 255, 255, 0.1);
  --shadow-border: 0 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-border-hover: 0 0 0 1px rgba(255, 255, 255, 0.13);
  --shadow-sm: 0px 2px 3px -1px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(25, 28, 33, 0.02), 0px 0px 0px 1px rgba(25, 28, 33, 0.08);
  --shadow-md: 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0px 3px 3px -1.5px rgba(0, 0, 0, 0.06), 0px 6px 6px -3px rgba(0, 0, 0, 0.06), 0px 12px 12px -6px rgba(0, 0, 0, 0.06), 0px 24px 24px -12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  --shadow-inverse: 0px 2px 3px -1px rgba(0, 0, 0, 0.28), 0px 8px 24px rgba(0, 0, 0, 0.32);

  --bg: var(--color-archive-black);
  --panel: var(--color-panel);
  --panel-raised: var(--color-panel-raised);
  --panel-soft: var(--color-panel-soft);
  --line: var(--color-hairline);
  --line-soft: var(--color-hairline-soft);
  --text: var(--color-text-primary);
  --muted: var(--color-text-muted);
  --faint: var(--color-text-faint);
  --signal: var(--color-signal-red);
  --signal-dark: var(--color-signal-red-dark);
  --white: var(--color-text-primary);
  --brand: var(--color-signal-red);
  --rating: var(--color-rating-yellow);
}