/* =============================================================
   shine SERVICE — DESIGN TOKENS
   Primary: Deep Navy (trust, banking) · Secondary: Gold-Yellow (value, approval)
   ============================================================= */
:root{
  /* ---- Brand colors (light mode default) ---- */
  --navy-950:#060b18;
  --navy-900:#0a1b3d;
  --navy-800:#0f2657;
  --navy-700:#153270;
  --navy-600:#1c3f8c;
  --navy-100:#e7ecf7;

  --gold-600:#c9930f;
  --gold-500:#eeb614;
  --gold-400:#f6c945;
  --gold-100:#fdf3d8;

  --white:#ffffff;
  --bg:#f7f9fc;
  --bg-alt:#eef2fa;
  --surface:#ffffff;
  --text:#0a1b3d;
  --text-muted:#5b6b8c;
  --border:#e1e7f3;

  --success:#1f9d55;

  /* ---- Type ---- */
  --font-display:'Sora', sans-serif;
  --font-body:'Inter', sans-serif;

  /* ---- Radii / shadow ---- */
  --radius-sm:8px;
  --radius-md:16px;
  --radius-lg:28px;
  --radius-pill:999px;
  --shadow-sm:0 2px 10px rgba(10,27,61,.06);
  --shadow-md:0 12px 30px rgba(10,27,61,.10);
  --shadow-lg:0 24px 60px rgba(10,27,61,.16);
  --shadow-gold:0 10px 24px rgba(238,182,20,.35);

  /* ---- Motion ---- */
  --ease:cubic-bezier(.22,1,.36,1);
  --dur-fast:.2s;
  --dur-med:.45s;
  --dur-slow:.8s;

  color-scheme: light;
}

/* ---- Dark mode overrides ---- */
[data-theme="dark"]{
  --bg:#060b18;
  --bg-alt:#0a1428;
  --surface:#0f1c38;
  --text:#eef2fb;
  --text-muted:#93a3c7;
  --border:#1c2b4d;
  --navy-100:#0f1c38;
  color-scheme: dark;
}

*,*::before,*::after{ box-sizing:border-box; min-width:0; }
html{ scroll-behavior:smooth; overflow-x:hidden; width:100%; margin:0; }
body{ overflow-x:hidden; width:100%; margin:0; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}