/* App layout tokens (theme-agnostic brand).
 * Load theme-tokens.css via <link> before this file (no @import).
 */
:root,
[data-theme="light"],
[data-theme="dark"] {
  --holo: linear-gradient(135deg, #06b6d4 0%, #d946ef 50%, #fcd34d 100%);
  --font-display: "PP Editorial New", "PP Neue Montreal", Georgia, serif;
  --font-body: "Geist Sans", sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", monospace;
  --radius: 10px;
  --radius-lg: 14px;
  --sidebar-w: 264px;
  --watch-w: 280px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  --poke-red: #ee1515;
  --poke-yellow: #ffcb05;
  --poke-blue: #2a75bb;
  --type-normal: #a8a77a;
  --type-fire: #ee8130;
  --type-water: #6390f0;
  --type-electric: #f7d02c;
  --type-grass: #7ac74c;
  --type-ice: #96d9d6;
  --type-fighting: #c22e28;
  --type-poison: #a33ea1;
  --type-ground: #e2bf65;
  --type-flying: #a98ff3;
  --type-psychic: #f95587;
  --type-bug: #a6b91a;
  --type-rock: #b6a136;
  --type-ghost: #735797;
  --type-dragon: #6f35fc;
  --type-dark: #705746;
  --type-steel: #b7b7ce;
  --type-fairy: #d685ad;
}

[data-theme="light"] {
  --shadow: 0 12px 40px rgba(10, 10, 10, 0.12);
}

[data-theme="dark"] {
  --shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}