/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 · genre: atmospheric-editorial · theme: studied-DNA (source: /ai/index.html) · macrostructure: Centered Authority · contrast: pass (40–41) · nav: N5 · footer: Ft5 · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57) */
@font-face {
  font-family: "Manrope";
  src: url("assets/fonts/manrope-regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Manrope";
  src: url("assets/fonts/manrope-semibold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Manrope";
  src: url("assets/fonts/manrope-bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("assets/fonts/space-grotesk-medium.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("assets/fonts/space-grotesk-bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

:root {
  color-scheme: dark;
  --color-paper: #050914;
  --color-paper-2: #080f20;
  --color-paper-3: #0d172b;
  --color-paper-4: #14213a;
  --color-ink: #f7faff;
  --color-ink-2: #d9e4f2;
  --color-emphasis: #61adff;
  --color-muted: #9bacc1;
  --color-neutral: #71849a;
  --color-rule: rgb(137 184 255 / 10%);
  --color-rule-2: rgb(151 195 255 / 20%);
  --color-blue: #2f80ff;
  --color-blue-2: #5ba9ff;
  --color-cyan: #25d5f2;
  --color-green: #45e3a5;
  --color-accent: var(--color-blue);
  --color-accent-strong: #4e9cff;
  --color-accent-soft: rgb(47 128 255 / 15%);
  --color-accent-ink: #08080d;
  --color-focus: #70e9ff;
  --color-hero-glow: rgb(31 119 255 / 25%);
  --color-blue-glow: rgb(47 128 255 / 55%);
  --color-success: #45e3a5;
  --color-error: #ff4d65;
  --color-overlay: rgb(2 2 5 / 82%);
  --color-transparent: transparent;
  --color-mask: #000;
  --color-dark-ink: #101018;
  --color-callout: #f3f6fb;
  --color-button-light-start: #fafafd;
  --color-button-light-end: #e9e8f1;
  --color-glass-nav: rgb(8 8 13 / 72%);
  --color-glass-menu: rgb(8 8 13 / 96%);
  --color-surface-stat: rgb(14 14 22 / 88%);
  --color-surface-process: rgb(14 14 22 / 94%);
  --color-surface-card-a: rgb(18 18 28 / 96%);
  --color-surface-row-a: rgb(17 17 27 / 92%);
  --color-surface-row-a-strong: rgb(17 17 27 / 96%);
  --color-surface-row-b: rgb(9 9 15 / 94%);
  --color-surface-row-b-soft: rgb(9 9 15 / 92%);
  --color-panel-blue-a: rgb(12 22 42 / 96%);
  --color-panel-blue-b: rgb(6 11 24 / 94%);
  --color-paper-5: #101d35;
  --color-ink-02: rgb(255 255 255 / 2%);
  --color-ink-03: rgb(255 255 255 / 3%);
  --color-ink-04: rgb(255 255 255 / 4%);
  --color-ink-05: rgb(255 255 255 / 5%);
  --color-ink-06: rgb(255 255 255 / 6%);
  --color-ink-14: rgb(255 255 255 / 14%);
  --color-ink-20: rgb(255 255 255 / 20%);
  --color-ink-24: rgb(255 255 255 / 24%);
  --color-ink-25: rgb(255 255 255 / 25%);
  --color-sheen: rgb(255 255 255 / 32%);
  --color-grid: rgb(255 255 255 / 2.2%);
  --color-blue-07: rgb(47 128 255 / 7%);
  --color-blue-08: rgb(47 128 255 / 8%);
  --color-blue-09: rgb(47 128 255 / 9%);
  --color-blue-13: rgb(47 128 255 / 13%);
  --color-blue-14: rgb(47 128 255 / 14%);
  --color-blue-18: rgb(47 128 255 / 18%);
  --color-blue-26: rgb(47 128 255 / 26%);
  --color-blue-alt-07: rgb(32 109 255 / 7%);
  --color-blue-2-28: rgb(91 169 255 / 28%);
  --color-cyan-05: rgb(37 213 242 / 5%);
  --color-cyan-11: rgb(37 213 242 / 11%);
  --color-cyan-12: rgb(37 213 242 / 12%);
  --color-cyan-24: rgb(37 213 242 / 24%);
  --color-green-22: rgb(69 227 165 / 22%);
  --shadow-nav: 0 1.5rem 4rem rgb(0 0 0 / 22%);
  --shadow-menu: 0 2rem 5rem rgb(0 0 0 / 55%);
  --shadow-panel: 0 2rem 5rem rgb(0 0 0 / 35%);
  --shadow-card: 0 1.6rem 4rem rgb(0 0 0 / 35%);
  --shadow-button: 0 1rem 2.8rem rgb(255 255 255 / 10%);
  --shadow-button-hover: 0 1.25rem 3rem rgb(47 128 255 / 18%);
  --gradient-accent: linear-gradient(90deg, var(--color-blue), var(--color-blue-2), var(--color-cyan));

  --font-display: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body: "Manrope", "Trebuchet MS", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.953rem;
  --text-2xl: 2.441rem;
  --text-3xl: 3.052rem;
  --text-display: clamp(3.25rem, 7.6vw, 7.25rem);

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;
  --space-nav-offset: 7rem;

  --radius-sm: 0.875rem;
  --radius-md: 1.375rem;
  --radius-lg: 2.125rem;
  --rule-hair: 1px;
  --page-gutter: clamp(1rem, 4vw, 4rem);
  --content-max: 76rem;
  --reading-max: 65ch;

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
}