/* VICHIUM Design System tokens — from https://claude.ai/artifact/18DKgbaTWoGhXUegVhUsJ1 (project/tokens.json, light theme).
   Keep in sync with the design system; do not invent values here. */
:root {
  /* Color */
  --teal-signal: #00ddd2;   /* only on dark brand surfaces: emphasis word, dividers, icons */
  --teal-500: #16cbc2;      /* data marks; always paired with a text label */
  --teal-600: #0b7a76;      /* primary fill, table header; text on it = --on-brand */
  --teal-700: #006a71;      /* hero/cover deep teal ground */
  --teal-900: #063540;      /* deepest hero teal */
  --navy-900: #0c3341;      /* sidebar / dark band */
  --nav-ink: #ffffff;
  --nav-ink-muted: #9fb7bf;
  --on-brand: #ffffff;
  --surface-page: #f2f6f8;
  --surface-card: #ffffff;
  --surface-tint: #e3f5f6;
  --ink: #0a1c2a;
  --ink-muted: #4a5a63;
  --brand-ink: #0a6f6c;
  --border: #d5e0e5;
  --border-strong: #7a929a;
  --focus-ring: #0b7a76;

  /* Type */
  --font-sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card: 0 1px 2px rgba(10, 28, 42, 0.06), 0 4px 12px rgba(10, 28, 42, 0.06);
}