@font-face {
  font-family: 'SUIT';
  src: url('/fonts/SUIT-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --c-bg:            #ffffff;
  --c-bg-subtle:     #f4f5f7;
  --c-bg-hover:      #eceef1;
  --c-border:        #e5e7eb;
  --c-border-strong: #c9cdd3;
  --c-text:          #1a1a1a;
  --c-text-muted:    #636b78;
  --c-text-disabled: #9ca3af;
  --c-info:      #2a4b9b;  --c-info-bg:    #eef4ff;
  --c-success:   #196a45;  --c-success-bg: #f0f7f3;
  --c-warning:   #8f5f00;  --c-warning-bg: #fdf3d8;
  --c-danger:    #d12727;  --c-danger-bg:  #fdf1f0;
  --c-neutral:   #636b78;  --c-neutral-bg: #f3f4f6;
  --c-primary:       #1F2F52;   /* 국산24 로고 네이비(라운드 31 — 정부 서비스 톤) */
  --c-primary-hover: #172441;
  --c-primary-bg:    #EAF0F8;
  --c-accent:        #C8102E;    /* 로고 레드 — 포인트만 */
  --c-focus:         #2a4b9b;
  --font-sans: "SUIT", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --lh-tight: 1.35;
  --lh-normal: 1.55;
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-8: 48px;
  --radius-sm: 4px;  --radius-md: 6px;  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(16,24,40,.06);
  --shadow-md: 0 4px 12px rgba(16,24,40,.10);
  --h-control: 32px;
  --h-control-sm: 26px;
  /* 서식 시스템(form system — docs/design/tokens.md "서식 시스템"). 세 앱 같은 값 */
  --f-h: 40px;  --f-h-sm: 34px;  --f-radius: 6px;  --f-fs: 15px;  --f-label-w: 200px;
  --f-ink: #1e2124;  --f-line: #d6d9de;  --f-ctrl-line: #8a949e;  --f-label-bg: #f4f5f7;  --f-placeholder: #6d7882;
  --f-focus-ring: rgba(42, 75, 155, 0.22);
  --f-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e2124' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  --f-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  --h-row: 40px;
  --w-sidebar: 220px;
  --w-content-max: 1440px;
  --h-topbar: 52px;
  --z-dropdown: 100; --z-modal: 300; --z-toast: 400;
}