/* Emisgame design tokens — deep navy night palette with gold CTAs and cyan accents */
:root {
  --em-cream: #00101f;
  --em-cream-deep: #031d32;
  --em-paper: #0a2740;
  --em-violet: #ffffff;
  --em-violet-strong: #ffffff;
  --em-violet-deep: #0e3a5c;
  --em-ink: #d6e2ee;
  --em-muted: #a9bccd;
  --em-muted-2: #a9bccd;
  --em-link: #c9d7e4;
  --em-lavender: #1a4466;
  --em-lilac: #123552;
  --em-mint: #1fd7f5;
  --em-aqua: #1fd7f5;
  --em-peach: #ffb36b;
  --em-pink: #ff7fb0;
  --em-gold: #ffc928;
  --em-red: #ffc928;
  --em-red-hover: #ffd95a;
  --em-line: rgba(255, 255, 255, 0.1);
  --em-border-soft: rgba(76, 201, 240, 0.22);

  /* brand extras */
  --em-night: #00101f;
  --em-deep: #031d32;
  --em-cyan: #1fd7f5;
  --em-cyan-soft: #7fe6f8;
  --em-yellow: #ffc928;
  --em-yellow-hover: #ffd95a;
  --em-on-yellow: #04172a;
  --em-card: linear-gradient(180deg, rgba(13, 49, 78, 0.82) 0%, rgba(5, 27, 46, 0.92) 100%);
  --em-stroke: rgba(76, 201, 240, 0.16);

  --em-grad-sky: linear-gradient(180deg, #031d32 0%, #00101f 100%);
  --em-grad-mint: linear-gradient(180deg, #0c3149 0%, #061d31 100%);
  --em-grad-lilac: linear-gradient(180deg, #102c4d 0%, #071b32 100%);
  --em-grad-apricot: linear-gradient(180deg, #0f2f46 0%, #061a2c 100%);
  --em-grad-rose: linear-gradient(180deg, #112a48 0%, #08192e 100%);
  --em-grad-coral: linear-gradient(180deg, #0f2c44 0%, #061a2d 100%);
  --em-grad-ribbon: linear-gradient(90deg, #072944 0%, #0b2340 55%, #081b33 100%);

  --em-shadow-card: 0 16px 40px rgba(0, 6, 14, 0.45);
  --em-shadow-cta: 0 10px 26px rgba(255, 201, 40, 0.22);
  --em-shadow-lift: 0 22px 48px rgba(0, 6, 14, 0.6);

  --em-radius-xl: 24px;
  --em-radius-lg: 20px;
  --em-radius-md: 16px;
  --em-radius-sm: 12px;
  --em-pill: 999px;

  --em-shell: 1640px;
  --em-gutter: clamp(16px, 7.4vw, 140px);
  --em-section-y: clamp(56px, 6vw, 110px);

  --em-font: "Urbanist", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --em-fs-hero: clamp(2.5rem, 1.4rem + 4.2vw, 5rem);
  --em-fs-h2: clamp(2rem, 1.2rem + 2.6vw, 4rem);
  --em-fs-h3: clamp(1.3rem, 1rem + 0.9vw, 1.9rem);
  --em-fs-lead: clamp(1rem, 0.96rem + 0.3vw, 1.2rem);
  --em-fs-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --em-fs-eyebrow: clamp(0.85rem, 0.8rem + 0.25vw, 1.05rem);
  --em-fs-btn: clamp(1rem, 0.9rem + 0.4vw, 1.35rem);

  --em-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --em-header-h: clamp(72px, 6.6vw, 128px);
}