/* tokens.css - Global design tokens (updated for simplified header and footer) */
:root {
  /* Brand palette */
  --color-bg: #0b0f11;                 /* site background */
  --color-fg: #ffffff;                 /* default text on dark bg */
  --color-muted: #c9d2d6;              /* secondary text */

  --color-header-solid: #154357;       /* header bg when scrolled/solid */
  --color-header-fg-on-solid: #ffffff; /* text/icons on solid header */
  --color-header-fg-on-overlay: #ffffff; /* text/icons when transparent over hero */

  --color-lang-bg: #134053;            /* language chip/button bg */
  --color-lang-bg-hover: #1f6583;      /* hover state */
  --color-accent: #8B008B;             /* focus ring / active accent */

  /* Elevation */
  --shadow-2: 0 4px 4px rgba(0,0,0,.4);

  /* Sizing */
  --container-max: 1200px;
  --container-pad: 16px;               /* page gutters */
  --header-h: 80px;                    /* fixed header height at top */
  --header-h-scrolled: 64px;           /* visual shrink when scrolled */

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 8px;

  /* Typography */
  --font-ui: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --font-size-100: 14px;
  --font-size-200: 16px;
  --font-size-300: 18px;

  /* Navigation typography */
  --nav-weight: 700;
  --nav-letter-spacing: 0.04em;        /* for Latin; override to 0 for ja/zh if desired */
  --nav-transform: uppercase;          /* override to none for ja/zh if desired */
}

/* Language-specific navigation adjustments */
html[lang="ja"] {
  --nav-letter-spacing: 0em;
  --nav-transform: none;
}

html[lang^="zh"] {
  --nav-letter-spacing: 0em;
  --nav-transform: none;
}