:root {
  --sai-bg: #fffdf5;
  --sai-bg-2: #eff6ff;
  --sai-surface: #ffffff;
  --sai-surface-2: #f8fafc;
  --sai-ink: #0f172a;
  --sai-ink-2: #334155;
  --sai-muted: #64748b;
  --sai-line: #e2e8f0;
  --sai-brand: #1d4ed8;
  --sai-brand-2: #7c3aed;
  --sai-brand-ink: #ffffff;
  --sai-brand-soft: #dbeafe;
  --sai-accent: #b45309;
  --sai-accent-soft: #fef3c7;
  --sai-ok: #15803d;
  --sai-ok-soft: #dcfce7;
  --sai-bad: #b91c1c;
  --sai-bad-soft: #fee2e2;
  --sai-radius-s: 10px;
  --sai-radius-m: 16px;
  --sai-radius-l: 24px;
  --sai-space-1: 4px;
  --sai-space-2: 8px;
  --sai-space-3: 12px;
  --sai-space-4: 16px;
  --sai-space-5: 24px;
  --sai-space-6: 32px;
  --sai-font: "Noto Sans Malayalam", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sai-touch: 44px;
  --sai-max: 1020px;
  --sai-shadow-s: 0 1px 2px rgba(15,23,42,.06);
  --sai-shadow-m: 0 8px 24px -12px rgba(29,78,216,.28);
  --sai-shadow-l: 0 20px 48px -20px rgba(124,58,237,.35);
  --sai-grad-hero: linear-gradient(135deg, #dbeafe 0%, #ede9fe 45%, #fef3c7 100%);
  --sai-grad-brand: linear-gradient(135deg, #1d4ed8 0%, #7c3aed 100%);
  --sai-grad-shine: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.7) 50%, transparent 70%);
  --sai-gold: linear-gradient(135deg, #fde68a 0%, #d4af37 30%, #fff7d6 50%, #b8860b 70%, #fde68a 100%);
  --sai-silver: linear-gradient(135deg, #f1f5f9 0%, #94a3b8 30%, #ffffff 50%, #64748b 70%, #e2e8f0 100%);
  --sai-gold-shadow: 0 10px 30px -12px rgba(184,134,11,.55);
  --sai-ease: cubic-bezier(.22,1,.36,1);
  --sai-dur-1: 160ms;
  --sai-dur-2: 320ms;
  --sai-dur-3: 600ms;
}