/* Hallmark · genre: modern-minimal · macrostructure: Workbench family (side-rail shell) · design-system: design.md · designed-as-app
 * theme: custom · vibe: "calm control-room, warm amber signal, technical" · paper: oklch(16% 0.010 80) · accent: oklch(85% 0.12 90)
 * display: Space Grotesk · body: IBM Plex Sans KR · mono: JetBrains Mono · axes: dark / grotesk-sans / warm
 * studied: no · context: 사내 구성원 전체 · use: 질문-우선 · tone: soft-utilitarian (2026-08-23 리레이아웃)
 */
:root {
  /* ---- colour (OKLCH, amber-anchored dark) ---- */
  --color-paper:      oklch(16% 0.010 80);   /* app background        */
  --color-paper-2:    oklch(19.5% 0.012 80); /* panel / card          */
  --color-paper-3:    oklch(23% 0.012 80);   /* elevated / hover      */
  --color-ink:        oklch(94% 0.008 90);   /* primary text          */
  --color-ink-2:      oklch(80% 0.010 85);   /* secondary text        */
  --color-muted:      oklch(66% 0.012 85);   /* de-emphasised text    */
  --color-rule:       oklch(30% 0.010 80);   /* dividers / borders    */
  --color-rule-2:     oklch(25% 0.010 80);   /* secondary dividers    */
  --color-accent:     oklch(85% 0.12 90);    /* brand amber (≤5%/view)*/
  --color-accent-2:   oklch(89% 0.11 90);    /* accent hover step      */
  --color-accent-ink: oklch(21% 0.03 85);    /* text on accent fill   */
  --color-focus:      oklch(82% 0.16 88);    /* :focus-visible ring   */
  /* semantic status (app data, not decoration) */
  --color-ok:         oklch(78% 0.11 160);
  --color-danger:     oklch(72% 0.16 25);
  --color-info:       oklch(76% 0.09 250);
  --color-run:        oklch(75% 0.11 300);

  /* ---- type ---- */
  --font-display: "Space Grotesk", "IBM Plex Sans KR", -apple-system, "Apple SD Gothic Neo", sans-serif;
  --font-body:    "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;

  --text-xs:   0.75rem;    /* 12px — chips, timestamps      */
  --text-sm:   0.8125rem;  /* 13px — metadata, sublines     */
  --text-base: 0.9375rem;  /* 15px — rows, UI copy          */
  --text-md:   1.0625rem;  /* 17px — answer body            */
  --text-lg:   1.25rem;    /* 20px — login title            */
  --text-xl:   1.5rem;     /* 24px — reserved               */
  --text-2xl:  1.75rem;    /* 28px — ask-hero heading       */

  /* ---- space (4pt scale) ---- */
  --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;

  /* ---- shape ---- */
  --radius-card:  10px;
  --radius-input: 8px;
  --radius-pill:  999px;
  --rule: 1px solid var(--color-rule);
  --rule-2: 1px solid var(--color-rule-2);

  /* ---- motion ---- */
  --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: 200ms;
  --dur-long:  360ms;

  /* ---- z scale ---- */
  --z-base:   1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-toast:  500;
}