/* ═══ Online-kasino.se — Design tokens (source of truth for all ok-* components) ═══ */
:root{
  /* ink & surfaces */
  --ok-ink:#0b1022; --ok-ink-2:#1b2340; --ok-text:#222b45; --ok-text-soft:#3f4a68; --ok-body:#222b45; --ok-muted:#5c6580;
  --ok-line:#dde3ef; --ok-line-2:#d3daea; --ok-bg:#f6f7f3; --ok-card:#ffffff;
  /* brand */
  --ok-green:#0e9f6e; --ok-green-deep:#0b7d57; --ok-green-ink:#065f43;
  --ok-mint:#8fdcba; --ok-mint-dim:#def0e7;
  --ok-gold:#ffb01f; --ok-gold-deep:#f59e0b; --ok-gold-text:#b45309;
  /* semantic */
  --ok-danger:#a33333; --ok-danger-bg:#fbe0e0; --ok-danger-surface:#fef5f5; --ok-danger-line:#f3d8d8;
  --ok-success-surface:#f2fcf7; --ok-success-line:#cdeeda;
  --ok-warn-surface:#fff9ec; --ok-warn-line:#f5e3b8; --ok-warn-text:#7a5c17;
  --ok-info-text:#17538c; --ok-info-line:#cfe0f5; --ok-info-bg:#ecf4fe;
  /* dark/hero */
  --ok-hero-1:#0a0f24; --ok-hero-2:#101b3f; --ok-hero-3:#0d2b46;
  --ok-on-dark:#e9eef9; --ok-on-dark-dim:#c4cee5; --ok-on-dark-faint:#a9b4d2;
  /* spacing (4px scale) */
  --ok-sp-1:4px; --ok-sp-2:8px; --ok-sp-3:12px; --ok-sp-4:16px; --ok-sp-5:20px; --ok-sp-6:24px; --ok-sp-7:32px; --ok-sp-8:40px; --ok-sp-9:48px;
  /* type scale */
  --ok-fs-xs:12px; --ok-fs-sm:13px; --ok-fs-base:14.5px; --ok-fs-md:15.5px; --ok-fs-body:16px; --ok-fs-lg:17px; --ok-fs-xl:20px; --ok-fs-2xl:27px;
  --ok-fs-display:clamp(30px,4.4vw,44px);
  --ok-font-display:"Space Grotesk",Inter,-apple-system,sans-serif;
  --ok-font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  /* radius */
  --ok-r-sm:8px; --ok-r-md:14px; --ok-r-lg:20px; --ok-r-xl:26px; --ok-r-full:999px;
  /* elevation */
  --ok-shadow:0 1px 2px rgba(11,16,34,.07),0 16px 40px -12px rgba(11,16,34,.15);
  --ok-shadow-lg:0 24px 60px -16px rgba(11,16,34,.25);
  --ok-shadow-cta:0 2px 4px rgba(6,122,79,.28),0 12px 26px -6px rgba(8,154,99,.50);
  /* motion */
  --ok-dur:160ms; --ok-ease:cubic-bezier(.2,.8,.2,1);
  /* links (structural) */
  --ok-link:#2456a6;
  /* score visuals (green — amber reserved for warnings/bonus notes) */
  --ok-score-1:#067a52; --ok-score-2:#1fd394;
  /* CTA (premium emerald — strongest visual element) */
  --ok-cta:#0aa268; --ok-cta-deep:#067a4f;
  --ok-cta-grad:linear-gradient(180deg,#0fbd80 0%,#089a63 55%,#077d51 100%);
  /* layout */
  --ok-maxw:1240px; --ok-anchor-offset:90px;
  /* ═══ Semantic system v3 (HOMEPAGE-V3-COLOUR-SYSTEM.md): action colour, score bands, podium, surfaces.
     Rules: --ok-action = buttons/focus ONLY · bands follow ok_score_verdict thresholds ·
     podium tokens never used below rank 3 · brand colour lives only in logo/monogram slots. ═══ */
  --ok-action:#1a56db; --ok-action-deep:#1443ad; --ok-action-ring:rgba(26,86,219,.30);
  --ok-band-1:#0b7c4d; --ok-band-2:#30835a; --ok-band-3:#9a6208; --ok-band-3-bg:#fbf1dc; --ok-band-4:#a04e0b; --ok-band-5:#a33333;
  --ok-podium-1:#c19b26; --ok-podium-2:#98a2b0; --ok-podium-3:#ab7a45;
  --ok-surface-navy:#101b3f; --ok-surface-navy-2:#0d2b46; --ok-surface-sand:#f7f3ea; --ok-surface-mint:#eef5f1; --ok-surface-amber:#fdf6e8; --ok-surface-cool:#f2f4f9; --ok-surface-faint:#fbfcfe;
  --ok-sand-line:#e7dfcc; --ok-sand-line-2:#ece5d4;
}