/* Generated by frontend-ui-ux scripts/design-lock.mjs for the "woojin-terminalcore" style. Do not edit by hand:
   re-run design-lock.mjs, or change the style file and lock again. */
@font-face {
  font-family: "Pretendard";
  src: url("fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-wght-latin.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --ui-lock: "woojin-terminalcore";
  --density: "rich";
  --font-text: "Meslo LGS NF", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
  --font-display: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
  --font-mono: "Meslo LGS NF", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-text-ko: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;
  --fs-4xl: 38px;
  --fs-5xl: 48px;
  --fs-display: clamp(40px, 19.20px + 5.333vw, 96px);
  --fs-moment: clamp(40px, -7.54px + 12.190vw, 168px);
  --fw-text: 400;
  --fw-medium: 500;
  --fw-strong: 700;
  --fw-display: 860;
  --track-display: -0.035em;
  --track-label: 0.08em;
  --lh-body: 1.6;
  --lh-tight: 1.3;
  --lh-display: 0.96;
  --lh-display-ko: 1.14;
  --sp-4: 4px;
  --sp-8: 8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-32: 32px;
  --sp-40: 40px;
  --sp-48: 48px;
  --sp-64: 64px;
  --sp-80: 80px;
  --sp-96: 96px;
  --sp-128: 128px;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --shadow-raised: none;
  --shadow-overlay: 0 0 0 1px var(--c-ink);
  --shadow-control: none;
  --shadow-control-pressed: none;
  --press: none;
  --bw-rule: 3px;
  --bw-surface: 2px;
  --bw-control: 2px;
  --c-frame: var(--c-line-strong);
  --control-edge: initial;
  --font-meta: var(--font-mono);
  --font-heading: var(--font-mono);
  --font-heading-ko: var(--font-display);
  --panel-head-bg: var(--c-ink);
  --panel-head-ink: var(--c-canvas);
  --panel-head-status: var(--c-canvas);
  --panel-head-bleed: 1;
  --section-marks: block;
  --meta-case: uppercase;
  --display-case: uppercase;
  --canvas-pattern: linear-gradient(color-mix(in srgb, var(--c-line) 50%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--c-line) 50%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--c-line) 85%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--c-line) 85%, transparent) 1px, transparent 1px);
  --canvas-pattern-size: 32px 32px, 32px 32px, 160px 160px, 160px 160px;
  --glow: none;
  --dur-fast: 80ms;
  --dur-ui: 120ms;
  --dur-enter: 240ms;
  --dur-exit: 100ms;
  --ease: steps(3, end);
  --gutter: 16px;
  --work-gutter: 16px;
  --section-pad: 48px;
  --hero-pad: 40px;
  --c-canvas: #e1e2e7;
  --c-surface: #eceef3;
  --c-sunken: #d0d5e3;
  --c-ink: #1f2335;
  --c-ink-2: #343b58;
  --c-ink-3: #4c5585;
  --c-line: #b6bdd3;
  --c-line-strong: #3760bf;
  --c-control: #5d6aa3;
  --c-accent: #2459c9;
  --c-accent-hover: #1b48a8;
  --c-on-accent: #ffffff;
  --c-accent-wash: #d5e1f7;
  --c-accent-ink: #1d4fb8;
  --c-accent-2: #3d6b1f;
  --c-accent-2-ink: #3a6420;
  --c-accent-2-wash: #dbe8cf;
  --c-on-accent-2: #ffffff;
  --c-support: #c9e3ec;
  --c-support-ink: #005f80;
  --c-focus: #2459c9;
  --c-positive: #3d6b1f;
  --c-positive-wash: #dbe8cf;
  --c-warning: #7a5200;
  --c-warning-wash: #efe2c8;
  --c-negative: #c0174a;
  --c-negative-wash: #f6d8e1;
  --c-info: #006a8e;
  --c-info-wash: #cfe6ee;
  --c-chart-1: #1f2335;
  --c-chart-2: #2459c9;
  --c-chart-3: #3d6b1f;
  --c-chart-4: #9854f1;
  --c-chart-5: #b15c00;
}
@media (min-width: 640px) { :root { --gutter: 24px; --work-gutter: 24px; --section-pad: 72px; --hero-pad: 56px; } }
@media (min-width: 1024px) { :root { --gutter: 40px; --work-gutter: 32px; --section-pad: 96px; --hero-pad: 64px; } }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-canvas: #16161e;
    --c-surface: #1a1b26;
    --c-sunken: #101018;
    --c-ink: #c0caf5;
    --c-ink-2: #a9b1d6;
    --c-ink-3: #8089b3;
    --c-line: #292e42;
    --c-line-strong: #3b4261;
    --c-control: #565f89;
    --c-accent: #7aa2f7;
    --c-accent-hover: #9bbaff;
    --c-on-accent: #16161e;
    --c-accent-wash: #1f2a4a;
    --c-accent-ink: #89b4fa;
    --c-accent-2: #9ece6a;
    --c-accent-2-ink: #a9dc76;
    --c-accent-2-wash: #1f2b1a;
    --c-on-accent-2: #16161e;
    --c-support: #1d2c3a;
    --c-support-ink: #7dcfff;
    --c-focus: #7dcfff;
    --c-positive: #9ece6a;
    --c-positive-wash: #1f2b1a;
    --c-warning: #e0af68;
    --c-warning-wash: #2e2618;
    --c-negative: #f7768e;
    --c-negative-wash: #3a1d27;
    --c-info: #7dcfff;
    --c-info-wash: #15283a;
    --c-chart-1: #c0caf5;
    --c-chart-2: #7aa2f7;
    --c-chart-3: #9ece6a;
    --c-chart-4: #bb9af7;
    --c-chart-5: #ff9e64;
  }
}
:root[data-theme="dark"] {
  --c-canvas: #16161e;
  --c-surface: #1a1b26;
  --c-sunken: #101018;
  --c-ink: #c0caf5;
  --c-ink-2: #a9b1d6;
  --c-ink-3: #8089b3;
  --c-line: #292e42;
  --c-line-strong: #3b4261;
  --c-control: #565f89;
  --c-accent: #7aa2f7;
  --c-accent-hover: #9bbaff;
  --c-on-accent: #16161e;
  --c-accent-wash: #1f2a4a;
  --c-accent-ink: #89b4fa;
  --c-accent-2: #9ece6a;
  --c-accent-2-ink: #a9dc76;
  --c-accent-2-wash: #1f2b1a;
  --c-on-accent-2: #16161e;
  --c-support: #1d2c3a;
  --c-support-ink: #7dcfff;
  --c-focus: #7dcfff;
  --c-positive: #9ece6a;
  --c-positive-wash: #1f2b1a;
  --c-warning: #e0af68;
  --c-warning-wash: #2e2618;
  --c-negative: #f7768e;
  --c-negative-wash: #3a1d27;
  --c-info: #7dcfff;
  --c-info-wash: #15283a;
  --c-chart-1: #c0caf5;
  --c-chart-2: #7aa2f7;
  --c-chart-3: #9ece6a;
  --c-chart-4: #bb9af7;
  --c-chart-5: #ff9e64;
}