/* Hallmark · tokens · theme: custom · site: status.splat00n.ink
 * vibe: "festival night, neon ink, turf war, glossy" · paper: oklch(15% 0.020 285) · accent: oklch(91% 0.19 108)
 * axes: dark / display-heavy / chromatic-other (neon-yellow ~108)
 * differs from status.occm.cc (Cobalt: light / grotesk-sans / cool) and status.fanbinit.us (Coral: light / geometric-sans / warm) on all three
 */
:root {
  color-scheme: dark;

  /* night plaza — paper tinted toward festival purple */
  --color-paper:    oklch(15%  0.020 285);
  --color-paper-2:  oklch(19%  0.022 285);
  --color-paper-3:  oklch(23%  0.024 285);
  --color-rule:     oklch(31%  0.022 285);
  --color-rule-2:   oklch(26%  0.020 285);
  --color-muted:    oklch(74%  0.018 285);
  --color-ink-2:    oklch(86%  0.012 285);
  --color-ink:      oklch(96%  0.008 285);

  /* our ink (accent) + the festival's second team (bloom only) */
  --color-accent:     oklch(91% 0.19 108);
  --color-accent-ink: oklch(15% 0.020 285);
  --color-accent-2:   oklch(52% 0.20 292);
  --color-focus:      oklch(92% 0.20 108);
  --color-bloom-a:    oklch(91% 0.19 108 / 0.16);
  --color-bloom-b:    oklch(52% 0.20 292 / 0.38);
  --color-glow:       oklch(91% 0.19 108 / 0.28);
  --color-scrim:      oklch(15% 0.020 285 / 0.72);

  /* state — always with glyph + words + reason code; canonical ink colours */
  --color-up:       oklch(82% 0.14 178);   /* turquoise */
  --color-degraded: oklch(82% 0.15 72);    /* orange */
  --color-down:     oklch(70% 0.22 352);   /* other-team pink */
  --color-maint:    oklch(76% 0.13 300);   /* lavender */
  --color-unknown:  oklch(42% 0.020 285);

  /* type — heavy Hangul display / humanist Hangul body / quirky mono for codes + numbers */
  --font-display: "Black Han Sans", "IBM Plex Sans KR", sans-serif;
  --font-body:    "IBM Plex Sans KR", sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.75rem;
  --text-xl:   clamp(2rem, 3vw + 1rem, 3rem);
  --text-display: clamp(3.5rem, 11vw, 9rem);

  /* space · 4pt */
  --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: 7rem;
  --page-gutter: clamp(1rem, 5vw, 4rem);
  --page-max: 76rem;

  --radius-chip: 999px;
  --radius-card: 20px;
  --radius-tag: 6px;
  --rule-hair: 1px;
  --rule-thick: 3px;

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 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:  480ms;
}