/* Hallmark · tokens — 스마일웰치과의원 design system
 * theme: Carnival (catalog) · drop: Brand CI (custom — official logo colours)
 * paper: oklch(97.5% 0.003 190) cool near-white · ink: oklch(24% 0.008 220) gray-black (logo grey family)
 * accent: oklch(64.3% 0.11 189) logo teal #0ba29a · accent-2: oklch(64.2% 0.197 39) logo orange #ea5414
 * display: Pretendard 700 (clean professional) · body: DM Sans + Pretendard · label: JetBrains Mono
 * signature: minimal — soft subtle shadows · 1px hairline rules · no ornaments · duo-tone accents (never blended)
 */
:root {
  /* ── colour (Brand CI drop — logo teal #0ba29a / orange #ea5414 / grey #727171) ── */
  --color-paper:      oklch(97.5% 0.003 190);
  --color-paper-2:    oklch(94.5% 0.006 190);
  --color-paper-3:    oklch(90.5% 0.010 190);
  --color-ink:        oklch(24% 0.008 220);
  --color-ink-2:      oklch(35% 0.008 220);
  --color-muted:      oklch(48% 0.010 220);   /* logo grey family */
  --color-rule:       oklch(63% 0.19 38);      /* logo orange rules — decorative */
  --color-rule-2:     oklch(24% 0.008 220);    /* heavy rule = ink */
  --color-accent:     oklch(64.3% 0.11 189);   /* logo teal #0ba29a (fill only) */
  --color-accent-soft:oklch(94% 0.020 185);
  --color-accent-text:oklch(46% 0.095 190);   /* text-safe dark teal (AA 6.2:1) */
  --color-accent-2:   oklch(63% 0.19 38);      /* logo orange #ea5414 (secondary accent) */
  --color-accent-2-text:oklch(52% 0.165 38);  /* text-safe dark orange (AA 5.5:1) */
  --color-accent-ink: oklch(24% 0.008 220);    /* ink on teal */
  --color-dark:       oklch(30% 0.045 195);    /* deep brand teal band */
  --color-dark-2:     oklch(35% 0.05 195);
  --color-dark-ink:   oklch(97.5% 0.003 190);
  --color-dark-muted: oklch(78% 0.03 190);
  --color-focus:      oklch(52% 0.165 38);
  --color-line:       oklch(90% 0.006 200);   /* minimal hairline border */

  /* ── typography ─────────────────────────── */
  --font-display: "Pretendard Variable", Pretendard, "Noto Sans KR", -apple-system, ui-sans-serif, sans-serif;
  --font-body: "DM Sans", "Pretendard Variable", Pretendard, -apple-system, "Noto Sans KR", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1.0625rem;
  --text-lg: 1.3125rem;
  --text-xl: 1.625rem;
  --text-2xl: 2rem;
  --text-3xl: clamp(1.9rem, 3.8vw, 2.75rem);
  --text-display-s: clamp(2.25rem, 4.5vw, 3.5rem);
  --text-display: clamp(2.75rem, 6.5vw, 5.0rem);

  /* ── display voice (clean professional: 700, slightly tight KR tracking) ── */
  --display-weight: 700;
  --tracking-display: -0.015em;
  --tracking-label: 0.18em;

  /* ── spacing (4pt) ──────────────────────── */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;

  /* ── 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-short: 200ms;
  --dur-mid: 360ms;

  /* ── rules & radii (minimal: 1px hairline, 12px cards, soft shadow) ── */
  --rule-hairline: 1px solid var(--color-line);
  --rule-double: 1px solid var(--color-line);
  --radius-card: 12px;
  --radius-input: 8px;
  --radius-pill: 999px;
  --shadow-hard: 0 1px 3px rgba(27, 32, 34, 0.06), 0 4px 16px rgba(27, 32, 34, 0.06);
  --shadow-hard-sm: 0 1px 2px rgba(27, 32, 34, 0.05), 0 2px 8px rgba(27, 32, 34, 0.05);
}