/* === tokens.css — ICOM brand design tokens (CSS Custom Properties only) === */
/* Extracted from icomjapan.com. Imported FIRST on every page. No legacy navy. */

:root{
  /* ---- ICOM brand colors ---- */
  --red:        #E90505;   /* ICOM signature red (rgb 233,5,5) */
  --red-dark:   #C40404;
  --red-tint:   #fdecec;
  --ink:        #282828;   /* ICOM body text (rgb 40,40,40) */
  --ink-soft:   #5a5a5a;
  --ink-faint:  #8a8a8a;
  --gray:       #F2F2F2;   /* ICOM light section background */
  --gray-2:     #fafafa;
  --line:       #E0E0E0;   /* ICOM 1px hairline border */
  --white:      #ffffff;

  /* ---- Typography ---- */
  --font:  "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:  "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Metrics ---- */
  --container: 1180px;
  --gutter: 1.25rem;
  --header-h: 116px;

  /* Near-sharp corners, like ICOM */
  --r: 3px;
  --r-lg: 6px;

  /* Subtle elevation only (ICOM is mostly flat) */
  --sh-1: 0 1px 2px rgba(0,0,0,.06);
  --sh-2: 0 6px 18px rgba(0,0,0,.08);
  --sh-3: 0 14px 36px rgba(0,0,0,.12);

  /* Motion */
  --t: .25s ease;
  --t-slow: .5s ease;
}