/* Hallmark · pre-emit critique: P5 H4 E5 S4 R5 V5
 * macrostructure: Marquee Hero · theme: Terminal (catalog) · genre: atmospheric
 * nav: N5 Floating pill · footer: Ft5 Statement · enrichment: none (typography only)
 * audience: anyone who wants a video file fast · use: paste link -> download / trim clip -> download
 * tone: bold utilitarian · brief: "crazy" downloader + timeline clip studio, zero own-server load
 */
:root {
  /* paper band: dark */
  --color-paper: #0a0c0e;
  --color-paper-2: #101316;
  --color-paper-3: #161b20;
  --color-ink: #edf0f3;
  --color-muted: #98a2ac;
  --color-faint: #5d6771;
  /* accent: phosphor lime */
  --color-accent: #b8ff29;
  --color-accent-dim: #8fd41a;
  --color-on-accent: #0a0c0e;
  --color-danger: #ff5c5c;
  --color-warn: #ffb02e;
  --color-rule: rgba(237, 240, 243, 0.1);
  --color-card: #101316;
  /* type */
  --font-display: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* space: 4pt */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --rule-hair: 1px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}