/* ==========================================================================
   search_lp_tokens.css  --  new-landing design tokens for the search app
   Source of truth for the values: static/landing_preview_20261015_exhibition_badge_center_v2.css
   (2026-10-25, first step: country view; second step: auction, importer, exporter views).

   RULES
   - Variables only. No visual rule lives in this file (rules are in search_lp_skin.css).
   - Variables are declared on .lp-skin, never on :root, so nothing outside a
     .lp-skin container can resolve them. A view opts in by adding class "lp-skin".
   - Light mode only. Dark mode is out of scope.
   ========================================================================== */
.lp-skin {
  /* color */
  --lp-ink: #13233a;
  --lp-ink-soft: #405168;
  --lp-muted: #66758a;
  --lp-faint: #8390a0;
  --lp-line: #dfe6ed;
  --lp-line-row: #e8edf1;
  --lp-line-pop: #cfd9e4;
  --lp-paper: #ffffff;
  --lp-canvas: #f5f7f9;
  --lp-green-950: #063f35;
  --lp-green-900: #075544;
  --lp-green-800: #066b55;
  --lp-green-700: #087f65;
  --lp-green-100: #e7f6f0;
  --lp-green-tint: #eaf7f3;
  --lp-green-tint-line: #b9e3d6;
  --lp-hover-bg: #edf7f3;
  --lp-blue: #1f5fd6;
  --lp-amber: #d89516;
  --lp-up: #d4553f;
  --lp-up-bg: #fdf0ed;
  --lp-down: #2775d6;
  --lp-down-bg: #eaf2fc;
  --lp-search-red: #d44842;
  --lp-search-red-bg: #fff1f2;
  --lp-search-red-line: #f7c9cc;
  --lp-ai-bg-end: #eff9f5;
  --lp-ai-line: #cfe7de;

  /* shape */
  --lp-radius-card: 14px;
  --lp-radius-ctl: 11px;
  --lp-radius-pill: 999px;
  --lp-shadow-card: 0 4px 15px rgba(16, 35, 54, .04);
  --lp-shadow-pop: 0 18px 42px rgba(12, 42, 59, .2);
  --lp-focus-ring: 0 0 0 3px rgba(31, 95, 214, .22);

  /* type (body text stays >= 12px: do not copy the 9-11px landing micro-labels) */
  --lp-font: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", Inter, system-ui, sans-serif;
  --lp-fs-title: 17px;
  --lp-fs-card-title: 13px;
  --lp-fs-body: 13.6px;
  --lp-fs-small: 12px;
  --lp-fs-badge: 11px;
  --lp-fs-tab-mobile: 15px;
  --lp-fs-tab-pc: 13px;

  /* size */
  --lp-ctl-h: 44px;
  --lp-select-h: 36px;
  --lp-tab-h: 44px;
  --lp-badge-h: 22px;
}