/* ============================================================
   TATTVAVIDYĀS — Platform design tokens
   Shared sanctum palette so every mini-app feels like one temple.
   Mini-apps inherit these; they may override --app-accent only.
   ============================================================ */
:root {
  /* Brand palette (sindura sanctum) */
  --tv-bg:        #1E0E14;
  --tv-bg-elev:   #2A1620;
  --tv-bg-soft:   #36192A;
  --tv-bg-warm:   #421E33;

  --tv-primary:        #E24A59;   /* saffron-crimson */
  --tv-primary-dark:   #B83456;
  --tv-primary-light:  #ED6F7E;

  --tv-gold:        #E6D4A1;
  --tv-gold-deep:   #C5A55A;
  --tv-gold-bright: #F0E2BC;

  --tv-cream:  #FDF6E3;
  --tv-text:        #FDF6E3;
  --tv-text-soft:   #E8C9B0;
  --tv-text-muted:  #B89A86;

  --tv-line: rgba(230, 212, 161, 0.18);

  /* Per-app accent — apps override this one var to tint their tile/topbar */
  --app-accent: var(--tv-primary);

  --tv-grad-brand: linear-gradient(135deg, #E24A59 0%, #911642 100%);
  --tv-grad-gold:  linear-gradient(135deg, #F0E2BC 0%, #C5A55A 100%);

  --tv-shadow:    0 2px 8px rgba(0,0,0,0.25), 0 8px 28px rgba(0,0,0,0.30);
  --tv-shadow-lg: 0 6px 20px rgba(0,0,0,0.35), 0 18px 56px rgba(0,0,0,0.45);
  --tv-shadow-gold: 0 4px 18px rgba(197,165,90,0.28), 0 0 0 1px rgba(197,165,90,0.20);

  --tv-radius:    18px;
  --tv-radius-sm: 10px;
  --tv-radius-lg: 26px;

  --tv-tap: 56px;
  --tv-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --tv-dur: 320ms;

  --tv-safe-top: env(safe-area-inset-top, 0px);
  --tv-safe-bot: env(safe-area-inset-bottom, 0px);

  --tv-font-ui:   'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tv-font-serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --tv-font-deva: 'Noto Serif Devanagari', 'Tiro Devanagari Sanskrit', serif;
}

*, *::before, *::after { box-sizing: border-box; }