/* Concierge layout/type locals. Color tokens: /css/tokens.css only. */
:root {
  --page-bg: var(--canvas);
  ;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 600;
  --fs-display: 58px;
  --fs-h1: 42px;
  --fs-h2: 31px;
  --fs-h3: 24px;
  --fs-body-lg: var(--fs-h3);
  --fs-body: 17px;
  --fs-body-sm: var(--fs-body);
  --fs-button: 14px;
  --fs-chip: var(--fs-caption);
  --fs-meta: var(--fs-caption);
  ;
  --ls-tighter: -0.4px;
  --ls-tight: -0.2px;
  --ls-normal: 0;
  --ls-wide: 0.2px;
  --ls-wider: 0.9px;
  --ls-widest: 1.6px;
  --ls-label: 0.08em;
  --page-max: var(--content-width);
  --page-x: var(--page-gutter, var(--gutter));
  --section-y: var(--section-space);
  --header-h: 48px;
  --header-bar-h: 48px;
  --header-top: 0;
  --glass-chrome-a: var(--glass);
  --dark-border: var(--rule);
  --dark-border-soft: var(--rule);
  /* 역전 면(.result · .contact · footer) 위 글자·선. 라이트 토큰(--canvas 제외
     --ink-2 · --rule · --inset-bg)을 그대로 쓰면 검정 면 위에서 사라진다.
     오각형 격자·보조 문구가 실제로 그렇게 안 보였다. 역상 토큰만 쓴다. */
  --dark-text-strong: var(--ink-inverse);
  --dark-text-body: var(--ink-inverse);
  --dark-text-muted: var(--ink-inverse-2);
  --accent-glow: transparent;
  --on-dark: var(--ink-inverse);
  --on-dark-dim: var(--ink-inverse-2);
  --on-dark-line: color-mix(in srgb, var(--ink-inverse) 32%, transparent);
  --on-dark-fill: var(--gloss-inverse);
  --bubble-bg: var(--ground-hi);
  --shadow-ink: var(--shadow-float);
  --action-text-dim: var(--ink-2);
}