/**
 * Legacy gujo CSS variables (from apps/platform-gujo-legacy/resources/views/layouts/app.blade.php).
 * Re-exposed as --gujo-* prefixed custom properties.
 */

:root {
  --gujo-black: #141414;
  --gujo-text: #141414;
  --gujo-navy: #071d49;
  --gujo-sub: #6e6e6e;
  --gujo-dim: #a3a3a3;
  --gujo-mute: #808991;
  --gujo-white: #ffffff;
  --gujo-wash: #ffffff;
  --gujo-surface2: #f5f5f5;
  --gujo-border: #e5e5e5;
  --gujo-accent: #020202;
  --gujo-accent-fg: #ffffff;
  --gujo-r15: #d97706;
  --gujo-danger: #dc2626;
  --gujo-ok: #059669;

  /*
   * --dref-* aliases — legacy "reference" 토큰을 디자인 시스템(--gujo-*) 에 매핑.
   * `.dref-home` 외부에서도 사용할 수
   * 있도록 `:root` 에 선언. 홈/마켓/계정 화면이 동일한 시각 패턴을 사용할 수 있게 된다.
   */
  --dref-blue: var(--brand);
  --dref-blue-dark: var(--brand-dark);
  --dref-ink: var(--gujo-text);
  --dref-navy: var(--gujo-text);
  --dref-muted: var(--gujo-sub);
  --dref-line: var(--gujo-border);
  --dref-soft: var(--gujo-surface2);
  --dref-shadow: none;

  /* Brand color system — single source of truth.
     All accent surfaces (links, generator/seller/product-detail brand tokens)
     resolve to these. Override here to retheme the whole template. */
  --brand: #0a6cff;
  --brand-dark: #084fbf;
  --brand-soft: #e6efff;
  --brand-soft-2: #f0f5ff;
  --brand-tint: #f6f9ff;

  --gujo-ease: cubic-bezier(.4, 0, .2, 1);
  --gujo-bar1-h: 64px;
  --gujo-bar2-h: 52px;
  --gujo-bar3-h: 46px;
  --gujo-header-stack-h: var(--gujo-bar1-h);
  --gujo-mobile-header-h: var(--gujo-bar1-h);

  /* Serif (명조) font stack — 한국어 우선. Google Fonts (Noto Serif KR) 가 로드되면 우선.
     fallback: 시스템 한국어 명조 (Apple/Windows/Linux) → generic serif. */
  --font-serif: 'Noto Serif KR', 'Nanum Myeongjo', 'AppleMyungjo', '바탕', 'Batang', serif;

  /* Font-weight scale — Pretendard Variable (100–900).
     사용 금지: 650, 720, 750, 760, 780, 850, 900, 950 → 아래 토큰으로 통일. */
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-heavy:     750;  /* bold 와 extrabold 사이 — 의도적 중간단계 */
  --fw-extrabold: 800;
  --fw-black:     900;

  /* Typography scale — single source of truth (design-pattern 페이지와 1:1 매칭) */
  --fs-display-xl: 34px;  --lh-display-xl: 1.15;
  --fs-display:    28px;  --lh-display:    1.2;
  --fs-subheading: 20px;  --lh-subheading: 1.3;
  --fs-h1:         24px;  --lh-h1:         1.3;
  --fs-h2:         20px;  --lh-h2:         1.35;
  --fs-h3:         17px;  --lh-h3:         1.4;
  --fs-h4:         15px;  --lh-h4:         1.4;
  --fs-h5:         14px;  --lh-h5:         1.45;
  --fs-h6:         12px;  --lh-h6:         1.4;
  --fs-eyebrow:    11px;
  --fs-ui-label:   13px;
  --fs-lead:       16px;  --lh-lead:       1.8;
  --fs-body:       14px;  --lh-body:       1.7;
  --fs-body-sm:    13px;  --lh-body-sm:    1.65;
  --fs-caption:    12px;  --lh-caption:    1.5;
  --fs-micro:      11px;  --lh-micro:      1.4;
}