/* Hallmark stamp
   macrostructure: 11 Catalogue
   nav: N3 Side rail (checkbox-CSS drawer, class mpk-rail, single pattern site-wide - V4 fix)
   footer: Ft3 Index (broken canonical shape - 2 prose columns, uneven tracks, RG col widest, left copyright)
   hero: H6 Photographic fold
   theme: dark ink, single warm accent (#ff4b01)
   knobs: class prefix mpk-, fonts Outfit/Source Sans 3/Roboto Mono (self-hosted - V5 fix)
   6-axis pre-emit: heading=bottom-anchored(OK, differs) body=3-col(OK)
     divider=bleed-block(OK) button=solid+typographic-link(OK)
     image=cropped-tight(OK) reveal=none(OK, 0 keyframes)
   contrast: accent #ff4b01 on dark ink >= 4.5:1 body text checked
   slop: 0 em-dash, 0 en-dash, 0 keyframes rules, 0 animation property
   mobile: drawer opaque bg, no backdrop-filter/transform on header
   assembly: P1c fs-build, mrpokies-au theme, 09/09/2026
*/

:root {
  --mpk-bg: oklch(15% 0.012 40);
  --mpk-surface: oklch(19% 0.015 40);
  --mpk-surface-2: oklch(24% 0.018 40);
  --mpk-surface-3: oklch(28% 0.02 40);
  --mpk-rule: oklch(30% 0.015 40);
  --mpk-rule-light: oklch(38% 0.02 40);
  --mpk-text: oklch(93% 0.01 40);
  --mpk-text-muted: oklch(72% 0.015 40);
  --mpk-text-dim: oklch(55% 0.012 40);
  --mpk-accent: oklch(62% 0.21 40);
  --mpk-accent-hover: oklch(58% 0.22 40);
  --mpk-accent-micro: oklch(95% 0.22 105);
  --mpk-accent-ink: oklch(98% 0.01 40);
  --mpk-focus: oklch(75% 0.18 45);

  --mpk-font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --mpk-font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;
  --mpk-font-mono: 'Roboto Mono', monospace;

  --mpk-space-3xs: 0.125rem;
  --mpk-space-2xs: 0.25rem;
  --mpk-space-xs: 0.5rem;
  --mpk-space-sm: 0.75rem;
  --mpk-space-md: 1rem;
  --mpk-space-lg: 1.5rem;
  --mpk-space-xl: 2.5rem;
  --mpk-space-2xl: 4rem;
  --mpk-space-3xl: 6rem;

  --mpk-rail-w: 240px;
  --mpk-rail-collapsed-w: 72px;
  --mpk-topbar-h: 68px;

  --mpk-z-base: 1;
  --mpk-z-raised: 10;
  --mpk-z-sticky: 200;
  --mpk-z-nav: 300;
  --mpk-z-drawer: 400;

  /* provider logo lift: the 12 provider assets are cropped lobby cards whose
     bottom edge is a hard cut, so they need a real shadow to read as a card
     edge rather than a mistake. */
  /* Hover elevation. Deliberately NOT the sibling site's numbers: auwincasino
     uses translateY(-3px) + "0 8px 24px rgba(accent,.15)" + .25s ease on every
     card. Same technique, different signature here - shorter timing, a custom
     easing curve, a two-layer shadow with negative spread, and a 2px lift. */
  --mpk-lift-time: 160ms;
  --mpk-lift-ease: cubic-bezier(0.2, 0.72, 0.28, 1);
  --mpk-lift-y: -2px;
  --mpk-glow-accent: oklch(62% 0.21 40 / 0.42);
  --mpk-glow-deep: oklch(12% 0.02 40 / 0.6);
  --mpk-shadow-lift: 0 10px 28px -10px var(--mpk-glow-accent), 0 4px 10px -6px var(--mpk-glow-deep);
  --mpk-shadow-ring: 0 0 0 1px var(--mpk-accent), 0 12px 24px -12px var(--mpk-glow-accent);

  --mpk-shadow-logo: 0 10px 26px -8px rgba(0, 0, 0, 0.8), 0 2px 6px -2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.07);
}


/* self-hosted fonts, LATIN subset only (English AU site) - one block
   per family/weight, no dedupe-by-weight ambiguity (V5 fix) */
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/outfit-latin-500-normal.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;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/outfit-latin-700-normal.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;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../font/outfit-latin-800-normal.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;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../font/outfit-latin-900-normal.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;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/sourcesans3-latin-400-normal.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;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/sourcesans3-latin-600-normal.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;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/sourcesans3-latin-700-normal.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;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/robotomono-latin-400-normal.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;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/robotomono-latin-600-normal.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;
}