/* ══════════════════════════════════════════════════════════════
   Multitap Portfolio — Wii Menu 1:1 tokens
   Values calibrated against reference screenshot (Wikipedia
   Wiimen.png, System Menu 4.x): bg, bar and empty-channel grays
   flattened/lightened vs first draft; arrows are plain blue
   triangles; bar is ~21% of stage height with 18%-height buttons.
   ══════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/mplus-rounded-300.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/mplus-rounded-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/mplus-rounded-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/mplus-rounded-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DSEG7 Modern';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dseg7-modern.woff2') format('woff2');
}

:root {
  /* ── stage ─────────────────────────────────────────── */
  --bg-top: #f4f4f4;
  --bg-bot: #e6e7e7;
  --bg-line: rgba(105, 115, 120, 0.06);

  /* ── channels ──────────────────────────────────────── */
  --ch-face-top: #ffffff;
  --ch-face-bot: #f3f4f4;
  --ch-border: #d9dbdc;
  --ch-name: #6e7477;
  --ch-empty-top: #e2e3e4;
  --ch-empty-bot: #d7d9da;
  --ch-empty-border: #d2d4d5;
  --ch-watermark: rgba(155, 161, 165, 0.35);

  /* ── selection glow ────────────────────────────────── */
  --glow-1: #48c7f2;
  --glow-2: #9be4fb;
  --glow-shadow: rgba(72, 199, 242, 0.65);

  /* ── bottom bar ────────────────────────────────────── */
  --bar-top: #dfe1e2;
  --bar-bot: #cdd0d1;
  --bar-edge: #ffffff;
  --bar-edge-glow: rgba(130, 205, 240, 0.55);
  --bar-groove: rgba(0, 0, 0, 0.05);
  --btn-face-top: #ffffff;
  --btn-face-bot: #eceeee;
  --btn-ring: #c7cacb;
  --btn-icon: #8f959a;

  /* ── text ──────────────────────────────────────────── */
  --txt-gray: #6e7477;
  --txt-dark: #43484b;
  --txt-clock: #9aa0a3;
  --blue-text: #1f8fc7;
  --arrow-blue: #5fb8e8;
  --badge-red: #e8503a;

  /* ── screens ───────────────────────────────────────── */
  --scr-bg: #f7f8f8;
  --scr-footer: #e9ebeb;
  --pill-face-top: #ffffff;
  --pill-face-bot: #e9ebec;
  --pill-border: #c7cacb;

  /* ── type ──────────────────────────────────────────── */
  --font: 'M PLUS Rounded 1c', 'Nunito', system-ui, -apple-system, sans-serif;
  --font-clock: 'DSEG7 Modern', 'M PLUS Rounded 1c', monospace;

  /* ── stage unit: 1u = 1% of the 16:9 stage width ───── */
  --u: min(1vw, 1.77778vh);

  /* ── motion ────────────────────────────────────────── */
  --zoom-ms: 550ms;
  --page-ms: 350ms;
  --pulse-ms: 1100ms;
  --ease-menu: cubic-bezier(0.45, 0, 0.25, 1);
}