[data-design-system="design-harness:tokens mode=institutional"] {}

:root {
  color-scheme: light;

  --font-sans: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fw-body: 400;
  --fw-strong: 700;

  --fs-list-title: 19px;
  --fs-list-lg: 17px;
  --fs-list-md: 15px;
  --fs-list-xs: 13px;
  --lh-list: 1.5;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-2xl: 32px;
  --lh-tight: 1.35;
  --lh-body: 1.7;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  --radius: 4px;
  --radius-lg: 8px;
  --line-w: 1px;
  --accent-bar-w: 4px;
  --control-h: 44px;
  --content-max: 1200px;
  --icon-size: 20px;
  --quick-icon-size: 28px;
  --logo-h: 40px;
  --hero-image-h: 260px;
  --hero-caption-min-h: 124px;
  --error-code-min-size: 72px;
  --error-code-max-size: 120px;

  --c-bg: #ffffff;
  --c-bg-section: #f4f5f6;
  --c-line: #e6e8ea;
  --c-line-strong: #cdd1d5;
  --c-text: #1e2124;
  --c-text-muted: #464c53;
  --c-brand: #002c6c;
  --c-brand-strong: #00204f;
  --c-brand-soft: #edf2f8;
  --c-brand-text: #ffffff;
  --c-notice: #a6192e;
  --c-logo-surface: #ffffff;
  --c-overlay: rgba(0, 0, 0, 0.65);
  --c-graph-active: var(--c-notice);
  --c-graph-active-bg: color-mix(in srgb, var(--c-graph-active) 10%, var(--c-bg));
  --c-menu-overlay: linear-gradient(180deg, var(--c-bg) 0%, color-mix(in srgb, var(--c-bg) 94%, transparent) 55%, color-mix(in srgb, var(--c-bg) 78%, transparent) 82%, transparent 100%);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #10141b;
  --c-bg-section: #161b24;
  --c-line: #2a313d;
  --c-line-strong: #3d4757;
  --c-text: #e4e8ee;
  --c-text-muted: #a3acb9;
  --c-brand: #8fb0ea;
  --c-brand-strong: #b7cdf3;
  --c-brand-soft: #1b2639;
  --c-brand-text: #0d1422;
  --c-notice: #f2928b;
  --c-logo-surface: #ffffff;
  --c-overlay: rgba(0, 0, 0, 0.65);
}