/* USB-C充電器検索 — design tokens
 * paper: #12140f olive-black lab ground (HSL 84 14 7)
 * ink: warm off-white · accent: filament amber #e8b45a (HSL 38 76 63)
 * display: Oxanium (watt figures) · body: Noto Sans JP
 */

:root {
  --color-paper: #12140f;
  --color-paper-2: #1c1f18;
  --color-ink: #f4ead6;
  --color-ink-soft: #b7ae98;
  --color-amber: #e8b45a;
  --color-amber-hi: #fff1c8;
  --color-track: #2a2d24;
  --color-tick: #3d4134;
  --color-badge: #2f3228;
  --color-badge-ink: #d6ccb4;
  --color-focus: #e8b45a;
  --color-error: #e8b45a;
  --color-btn: #e8b45a;
  --color-btn-ink: #16140c;
  --color-btn-quiet: #1c1f18;
  --color-pr: #0c0d0a;
  --color-pr-ink: #d6ccb4;
  --color-link: #e8b45a;
  --color-scrim: #050604;
  --color-glow: #ffd27a;

  --font-display: "Oxanium", "Noto Sans JP", sans-serif;
  --font-body: "Noto Sans JP", "Hiragino Sans", sans-serif;
  --font-mono: "Oxanium", ui-monospace, monospace;

  --text-display: 1.5rem;
  --text-xl: 1.25rem;
  --text-lg: 1.0625rem;
  --text-body: 1.0625rem;
  --text-sm: 0.8125rem;
  --text-xs: 0.75rem;

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.25rem;
  --space-2xl: 3.5rem;
  --space-3xl: 5.5rem;

  --measure: 38rem;
  --bar-h: 1rem;
  --who-w: 22%;
  --watt-w: 43%;
  --port-w: 9%;
  --mass-w: 7%;
  --flag-w: 12%;
  --more-w: 7%;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;

  --z-skip: 40;
  --z-head: 8;
  --radius: 2px;
}