/* ==========================================================================
   Design tokens — shared by public + admin
   ========================================================================== */

:root {
  /* Colors */
  --color-primary: #0644FF;
  --color-primary-contrast: #ffffff;
  --color-accent: #FFC107;
  --color-accent-hover: #FFD453;
  --color-surface: #fffef8;
  --color-surface-2: #FFF8DC;
  --color-text-900: #111111;
  --color-text-800: #222222;
  --color-text-700: #333333;
  --color-border: #dddddd;
  --color-border-strong: #cccccc;
  --color-success: #198754;
  --color-danger: #dc3545;

  /* Typography */
  --font-primary: "Tiro Devanagari Marathi", "Mukta", sans-serif;
  --font-secondary: "Mukta", "Tiro Devanagari Marathi", sans-serif;
  --font-base-size: 16px;
  --font-line-height: 1.5;

  /* Spacing scale (px) */
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;

  /* Radii & shadows */
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.05);

  /* Motion */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
}