/* AUTO-GENERATED from _design/bookmart-v2.design.md — do not edit directly. */
/* Bookmart v2 — Bookmart 주문관리 시스템 v2 디자인 시스템. */

:root {

  /* ── Colors ── */
  --bg-app: oklch(0.985 0.003 264);
  --bg-surface: oklch(1 0 0);
  --bg-subtle: oklch(0.975 0.004 264);
  --bg-muted: oklch(0.955 0.005 264);
  --bg-inset: oklch(0.93 0.006 264);
  --bg-overlay: oklch(0.18 0.015 264 / 0.55);
  --border-subtle: oklch(0.93 0.006 264);
  --border-default: oklch(0.88 0.008 264);
  --border-strong: oklch(0.80 0.012 264);
  --border-focus: oklch(0.62 0.18 264);
  --fg-strong: oklch(0.22 0.015 264);
  --fg-default: oklch(0.32 0.012 264);
  --fg-muted: oklch(0.52 0.010 264);
  --fg-faint: oklch(0.68 0.008 264);
  --fg-inverse: oklch(1 0 0);
  --accent-50: oklch(0.97 0.025 264);
  --accent-100: oklch(0.94 0.045 264);
  --accent-200: oklch(0.88 0.075 264);
  --accent-300: oklch(0.78 0.12 264);
  --accent-500: oklch(0.58 0.18 264);
  --accent-600: oklch(0.52 0.18 264);
  --accent-700: oklch(0.44 0.16 264);
  --accent-fg: oklch(1 0 0);
  --accent-soft-bg: oklch(0.96 0.02 264);
  --accent-soft-fg: oklch(0.42 0.16 264);
  --success-bg: oklch(0.96 0.035 155);
  --success-fg: oklch(0.42 0.12 155);
  --success-500: oklch(0.58 0.13 155);
  --warning-bg: oklch(0.96 0.04 80);
  --warning-fg: oklch(0.44 0.11 70);
  --warning-500: oklch(0.72 0.14 80);
  --danger-bg: oklch(0.96 0.035 25);
  --danger-fg: oklch(0.46 0.16 25);
  --danger-500: oklch(0.58 0.18 25);
  --info-bg: oklch(0.96 0.03 230);
  --info-fg: oklch(0.42 0.12 230);
  --info-500: oklch(0.60 0.15 230);
  --teacher-copy-bg: oklch(0.980 0.016 74);
  --teacher-copy-fg: oklch(0.470 0.143 37);
  --teacher-copy-500: oklch(0.646 0.194 41);
  --cat-computer: oklch(0.546 0.215 262.9);
  --cat-afterschool: oklch(0.541 0.247 293.0);
  --cat-english: oklch(0.6002 0.1038 184.7);
  --cat-arts: oklch(0.592 0.218 0.6);
  --cat-general: oklch(0.551 0.023 264.4);

  /* ── Spacing (4px base) ── */
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;
  --space-10: 40px;
  --space-12: 56px;
  --space-14: 72px;

  /* ── Radius ── */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 999px;

  /* ── Shadow ── */
  --shadow-xs: 0 1px 0 0 oklch(0.18 0.015 264 / 0.04);
  --shadow-sm: 0 1px 2px 0 oklch(0.18 0.015 264 / 0.06), 0 1px 0 0 oklch(0.18 0.015 264 / 0.03);
  --shadow: 0 4px 8px -2px oklch(0.18 0.015 264 / 0.06), 0 2px 4px -2px oklch(0.18 0.015 264 / 0.04);
  --shadow-md: 0 10px 24px -4px oklch(0.18 0.015 264 / 0.08), 0 4px 8px -4px oklch(0.18 0.015 264 / 0.04);
  --shadow-lg: 0 20px 48px -8px oklch(0.18 0.015 264 / 0.14);
  --ring-focus: 0 0 0 3px oklch(0.62 0.18 264 / 0.18);
  --ring-danger: 0 0 0 3px oklch(0.58 0.18 25 / 0.18);

  /* ── Typography ── */
  --font-sans: 'Pretendard', 'Pretendard Variable', system-ui, -apple-system, 'Apple SD Gothic Neo', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, 'Cascadia Code', Menlo, Consolas, monospace;
  --fs-10: 11px;
  --fs-11: 12px;
  --fs-12: 13px;
  --fs-13: 14px;
  --fs-14: 15px;
  --fs-15: 16px;
  --fs-16: 18px;
  --fs-18: 20px;
  --fs-20: 23px;
  --fs-24: 27px;
  --fs-30: 34px;
  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-normal: 1.5;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ── Z-index layers ── */
  --z-base: 1;
  --z-sticky: 100;
  --z-sidebar: 200;
  --z-topbar: 300;
  --z-dropdown: 400;
  --z-overlay: 500;
  --z-modal: 600;
  --z-toast: 700;
  --z-cmd: 800;

  /* ── Motion ── */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur: 180ms;
  --dur-slow: 260ms;

  /* ── Layout ── */
  --sidebar-w: 228px;
  --topbar-h: 48px;
  --content-pad: 24px;

}