/* Design tokens. Plain dark and light sections, one interface accent, game artwork carries the colour.
   The accent is PROVISIONAL: no Mega888 logo or brand guide was supplied. Replace --accent* with the logo's colour. */
/* Myriad Pro is a commercial Adobe font and was not supplied. It is used when installed on the visitor's computer
   or when licensed files are placed in /assets/fonts/ (myriad-pro-400/600/700.woff2); otherwise the sans-serif fallbacks show. */
@font-face {
  font-family: "Myriad Pro";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    local("Myriad Pro Regular"),
    local("MyriadPro-Regular"),
    local("Myriad Pro"),
    url("/assets/fonts/myriad-pro-400.woff2") format("woff2");
}
@font-face {
  font-family: "Myriad Pro";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src:
    local("Myriad Pro Semibold"),
    local("MyriadPro-Semibold"),
    url("/assets/fonts/myriad-pro-600.woff2") format("woff2");
}
@font-face {
  font-family: "Myriad Pro";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    local("Myriad Pro Bold"),
    local("MyriadPro-Bold"),
    url("/assets/fonts/myriad-pro-700.woff2") format("woff2");
}

:root {
  /* dark sections */
  --bg: #0c0e13;
  --bg-2: #14171e;
  --surface: #1b1f28;
  --text: #f4f5f7;
  --text-2: #a9b0bd;
  /* light sections */
  --light: #f4f2ee;
  --light-2: #e9e6e0;
  --ink: #14161b;
  --ink-2: #4b5160;
  /* the one accent */
  --accent: #c8281f; /* buttons, solid fills (white text 5.6:1) */
  --accent-ink: #ffffff;
  --accent-text: #ff7a6b; /* accent used as text on dark (7.6:1 on --bg) */
  --accent-on-light: #b3231b; /* accent as text on light sections (5.9:1) */
  --line: rgba(244, 245, 247, 0.14);
  --line-light: rgba(20, 22, 27, 0.16);
  --tint: #2a74c9; /* per-game colour, set locally; never applied sitewide */

  --f-display: "Myriad Pro", Myriad, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Myriad Pro", Myriad, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --fs-h1: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 2.4vw, 3.5rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-lede: clamp(1.0625rem, 1rem + 0.5vw, 1.3125rem);
  --fs-small: 0.8125rem;

  --max: 1440px;
  --gutter: clamp(20px, 2vw + 12px, 72px);
  --section: clamp(56px, 5vw + 24px, 128px);
  --gap: clamp(16px, 2vw, 32px);
  --r-s: 4px;
  --r-m: 6px;
  --r-l: 8px;
  --header-h: 64px;

  --t-fast: 180ms;
  --t-card: 300ms;
  --t-reveal: 650ms;
  --t-slide: 700ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}