/* ==========================================================================
   THEME · Example Game Theme ("Ember")
   --------------------------------------------------------------------------
   Demonstrates re-skinning only. Same components, same flows, same states.
   Warm charcoal, marigold accent, slab display type in sentence case, pill
   buttons with a pressed under-edge, softer bouncier motion.
   This is not a FUNTICO brand direction.
   ========================================================================== */
[data-theme="example"] {
  --page: oklch(12% .02 40);
  --bg: oklch(19% .03 38);
  --surface: oklch(23% .035 38);
  --surface-2: oklch(29% .04 40);
  --surface-3: oklch(35% .045 42);
  --tile: oklch(22% .035 38 / .9);
  --tile-hover: oklch(27% .045 40 / .94);
  --tile-selected: oklch(29% .07 50 / .96);
  --list: oklch(20% .03 38 / .9);
  --field: oklch(20% .03 38);
  --glass: oklch(14% .025 38 / .7);
  --chrome: oklch(10% .02 38 / .62);
  --scrim: oklch(10% .02 38 / .76);
  --line: oklch(47% .045 45);
  --line-soft: oklch(36% .04 42);

  --fg: oklch(96% .015 80);
  --muted: oklch(81% .03 70);
  --on-accent: oklch(22% .045 40);
  --accent: oklch(80% .15 68);
  --accent-hover: oklch(86% .13 75);
  --tier-explorer: oklch(72% .16 140);
  --tier-contender: oklch(64% .17 262);
  --tier-challenger: oklch(60% .18 305);
  --tier-champion: oklch(80% .14 85);
  --selected: oklch(31% .07 50);
  --good: oklch(81% .15 150);
  --warn: oklch(86% .13 95);
  --bad: oklch(73% .17 28);

  --font-display: Rockwell, 'Roboto Slab', 'Zilla Slab', 'Bookman Old Style', Georgia, serif;
  --display-weight: 700;
  --display-case: none;
  --display-track: .005em;

  --r-sm: 12px;
  --r: 18px;
  --r-lg: 26px;
  --r-btn: 999px;
  --r-dlg: 30px;
  --border-sel: 3px;
  --btn-shadow: 0 3px 0 oklch(14% .025 38);
  --btn-shadow-primary: 0 4px 0 oklch(56% .13 55);
  --dlg-shadow: 0 30px 90px oklch(5% .02 38 / .65);

  --env-glow-low: oklch(52% .16 45 / .55);
  --env-glow-high: oklch(30% .06 20);
  --env-line: oklch(70% .1 55 / .16);

  --ease: cubic-bezier(.34, 1.36, .64, 1);
  --dur-fast: .18s;
  --dur-screen: .34s;
  --dur-overlay: .3s;
  --enter-shift: 24px;

  --icon-stroke: 2.4;
}