/* 랩프레소 디자인 토큰 — 정본 docs/BRAND.md. 랜딩·약관 공용. 값을 바꾸면 app/lib/theme/와 같은 커밋에서 맞춘다. */
@font-face {
  font-family: "Pretendard";
  src: url("/assets/fonts/PretendardVariable-v1.3.9.woff2?v=9599f12fd42f") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --lp-bg: #FAFAFA;
  --lp-surface: #FFFFFF;
  --lp-surface-alt: #FAFAFA;
  --lp-line: #EAEAEA;
  --lp-ink: #000000;
  --lp-ink-muted: #666666;
  --lp-ink-faint: #999999;
  --lp-espresso: #000000;
  --lp-crema: #111111;
  --lp-crema-strong: #000000;
  --lp-on-crema: #FFFFFF;
  --lp-weight: #111111;
  --lp-flow: #777777;
  --lp-target: #666666;
  --lp-ok: #26734D;
  --lp-warn: #9A6500;
  --lp-alert: #C9252D;
  --lp-info: #444444;
  --lp-focus: #111111;

  --lp-radius-sm: 6px;
  --lp-radius-md: 10px;
  --lp-radius-lg: 12px;
  --lp-radius-pill: 999px;

  --lp-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --lp-bg: #000000;
    --lp-surface: #111111;
    --lp-surface-alt: #1A1A1A;
    --lp-line: #333333;
    --lp-ink: #FFFFFF;
    --lp-ink-muted: #A1A1A1;
    --lp-ink-faint: #737373;
    --lp-crema: #FFFFFF;
    --lp-crema-strong: #FFFFFF;
    --lp-on-crema: #000000;
    --lp-weight: #F5F5F5;
    --lp-flow: #999999;
    --lp-target: #A1A1A1;
    --lp-ok: #58B889;
    --lp-warn: #E0AE55;
    --lp-alert: #F06A70;
    --lp-info: #CCCCCC;
    --lp-focus: #FFFFFF;
  }
}

:root[data-theme="dark"] {
  --lp-bg: #000000;
  --lp-surface: #111111;
  --lp-surface-alt: #1A1A1A;
  --lp-line: #333333;
  --lp-ink: #FFFFFF;
  --lp-ink-muted: #A1A1A1;
  --lp-ink-faint: #737373;
  --lp-crema: #FFFFFF;
  --lp-crema-strong: #FFFFFF;
  --lp-on-crema: #000000;
  --lp-weight: #F5F5F5;
  --lp-flow: #999999;
  --lp-target: #A1A1A1;
  --lp-ok: #58B889;
  --lp-warn: #E0AE55;
  --lp-alert: #F06A70;
  --lp-info: #CCCCCC;
  --lp-focus: #FFFFFF;
}