/* ============================================================
   Shine Time — Radius, Shadow & Border Tokens
   Friendly, rounded — soft like a freshly-buffed panel.
   ============================================================ */

:root {
  /* Corner radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Border widths */
  --border-width: 1px;
  --border-width-thick: 2px;

  /* Shadows — cool blue-tinted, soft (a clean reflective sheen) */
  --shadow-xs: 0 1px 2px rgba(15, 22, 32, 0.06);
  --shadow-sm: 0 2px 6px rgba(15, 22, 32, 0.08);
  --shadow-md: 0 6px 18px rgba(16, 63, 100, 0.10);
  --shadow-lg: 0 16px 40px rgba(16, 63, 100, 0.14);
  --shadow-xl: 0 28px 70px rgba(11, 46, 73, 0.20);

  /* Brand glow — gold accent ring for emphasis */
  --shadow-gold: 0 8px 24px rgba(255, 205, 0, 0.30);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(58, 125, 176, 0.45);
}