/* Variables — Slate Utility palette + technical grotesk typography
 * rummy/skill-game editorial publication, sharp editorial geometry
 */
:root {
  --primary: #2457A7;
  --primary-deep: #14356b;
  --primary-soft: #d9e3f4;
  --accent: #A044C5;
  --accent-deep: #6e228d;
  --accent-soft: #ecdcf3;
  --background: #F6F8FC;
  --surface: #FFFFFF;
  --surface-2: #E9EEF7;
  --surface-3: #DDE4F0;
  --ink: #1B2638;
  --ink-2: #2c3a52;
  --text: #1B2638;
  --muted: #5A6B80;
  --muted-2: #7a8aa0;
  --border: #CDD8E8;
  --border-soft: #e1e7f0;
  --shadow-card: 0 1px 0 rgba(20,40,80,.04), 0 12px 32px -16px rgba(20,40,80,.12);
  --shadow-card-hover: 0 18px 40px -16px rgba(20,40,80,.18);
  --radius: 12px;
  --radius-lg: 18px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --container: 1200px;
  --container-narrow: 880px;
  --gap: 1.25rem;
  --gap-lg: 2rem;
  --font-display: "Inter", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}