/* 테라_수집비서_디ザイン: framework-independent snapshot, 2026-10-07. */
.tera-cobee {
  --tera-cobee-color-g-0: #ffffff;
  --tera-cobee-color-g-50: #f8fafc;
  --tera-cobee-color-g-100: #f1f5f9;
  --tera-cobee-color-g-150: #eef2f7;
  --tera-cobee-color-g-200: #e2e8f0;
  --tera-cobee-color-g-250: #d9e1ea;
  --tera-cobee-color-g-300: #cbd5e1;
  --tera-cobee-color-g-400: #94a3b8;
  --tera-cobee-color-g-500: #64748b;
  --tera-cobee-color-g-600: #475569;
  --tera-cobee-color-g-700: #334155;
  --tera-cobee-color-g-800: #1e293b;
  --tera-cobee-color-g-850: #162033;
  --tera-cobee-color-g-900: #0f172a;
  --tera-cobee-color-g-950: #020617;
  --tera-cobee-color-canvas: #f8fafc;
  --tera-cobee-color-surface: #ffffff;
  --tera-cobee-color-raised: #f1f5f9;
  --tera-cobee-color-sunken: #eef2f7;
  --tera-cobee-color-input: #ffffff;
  --tera-cobee-color-ink: #0f172a;
  --tera-cobee-color-ink-2: #334155;
  --tera-cobee-color-ink-3: #64748b;
  --tera-cobee-color-ink-invert: #ffffff;
  --tera-cobee-color-line: #cbd5e1;
  --tera-cobee-color-line-soft: #e2e8f0;
  --tera-cobee-color-hairline: #eef2f7;
  --tera-cobee-color-line-strong: #475569;
  --tera-cobee-color-seal: #ef4444;
  --tera-cobee-color-seal-ink: #dc2626;
  --tera-cobee-color-seal-soft: #fef2f2;
  --tera-cobee-color-tone-neutral: #64748b;
  --tera-cobee-color-tone-attention: #f59e0b;
  --tera-cobee-color-tone-done: #2563eb;
  --tera-cobee-color-tone-muted: #94a3b8;
  --tera-cobee-font-display: 'Noto Sans KR', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
    'Malgun Gothic', system-ui, sans-serif;
  --tera-cobee-font-sans: 'Noto Sans KR', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
    'Malgun Gothic', system-ui, sans-serif;
  --tera-cobee-font-mono: 'SF Mono', 'JetBrains Mono', ui-monospace, 'Noto Sans KR', 'Apple SD Gothic Neo', monospace;
  --tera-cobee-text-xs: 0.8125rem;
  --tera-cobee-text-xs--line-height: 1.35;
  --tera-cobee-text-sm: 0.875rem;
  --tera-cobee-text-sm--line-height: 1.4;
  --tera-cobee-text-base: 1rem;
  --tera-cobee-text-base--line-height: 1.45;
  --tera-cobee-text-lg: 1.125rem;
  --tera-cobee-text-lg--line-height: 1.4;
  --tera-cobee-text-xl: 1.25rem;
  --tera-cobee-text-xl--line-height: 1.35;
  --tera-cobee-text-2xl: 1.375rem;
  --tera-cobee-text-2xl--line-height: 1.3;
  --tera-cobee-text-3xl: 1.625rem;
  --tera-cobee-text-3xl--line-height: 1.25;
  --tera-cobee-text-4xl: 2.125rem;
  --tera-cobee-text-4xl--line-height: 1.15;
  --tera-cobee-radius-xs: 4px;
  --tera-cobee-radius-sm: 6px;
  --tera-cobee-radius-md: 8px;
  --tera-cobee-radius-lg: 10px;
  --tera-cobee-radius-xl: 12px;
  --tera-cobee-radius-tag: 999px;
  --tera-cobee-radius-seal: 8px;
  --tera-cobee-radius-dot: 999px;
  --tera-cobee-color-primary: #2563eb;
  --tera-cobee-color-primary-hover: #1d4ed8;
  --tera-cobee-color-primary-soft: #eff6ff;
  --tera-cobee-h-row: 46px;
  --tera-cobee-h-control: 32px;
  --tera-cobee-w-nav: 224px;
  --tera-cobee-w-nav-rail: 60px;
  --tera-cobee-w-aside: 356px;
  --tera-cobee-gutter: 18px;
  color-scheme: light;
}
.tera-cobee[data-theme="dark"] {
  color-scheme: dark;
  --tera-cobee-color-canvas: #0f172a;
  --tera-cobee-color-surface: #1e293b;
  --tera-cobee-color-input: #1e293b;
  --tera-cobee-color-raised: #334155;
  --tera-cobee-color-sunken: #162033;
  --tera-cobee-color-ink: #f8fafc;
  --tera-cobee-color-ink-2: #e2e8f0;
  --tera-cobee-color-ink-3: #94a3b8;
  --tera-cobee-color-line: #64748b;
  --tera-cobee-color-line-soft: #475569;
  --tera-cobee-color-hairline: #334155;
  --tera-cobee-color-line-strong: #cbd5e1;
  --tera-cobee-color-primary: #60a5fa;
  --tera-cobee-color-primary-hover: #93c5fd;
  --tera-cobee-color-primary-soft: #172554;
  --tera-cobee-color-seal-ink: #fca5a5;
  --tera-cobee-color-seal-soft: #450a0a;
}
@media (max-width: 1024px) {
  .tera-cobee { --tera-cobee-h-row: 52px; --tera-cobee-h-control: 38px; }
}