/* ==========================================================================
   AGGARWAL SAMAJ — DESIGN TOKENS ONLY
   --------------------------------------------------------------------------
   Every component, layout and spacing rule lives in Tailwind utility classes
   (CDN, configured in includes/header.php). This file holds ONLY:
     1. design variables (colours, radius, fonts, shadows, layout width)
     2. the base typography fallback
     3. reduced-motion safety
   The :root block below is also re-generated inline by config/theme.php, so
   editing config/theme.php instantly re-skins the whole site.
   ========================================================================== */

:root{
  /* Brand colours (hex for direct CSS use) */
  --saffron:#F28C28;
  --saffron-dark:#D9741A;
  --maroon:#6B1B2A;
  --maroon-dark:#4E101C;
  --maroon-soft:#8C2740;
  --gold:#C8A227;
  --cream:#FDF6EC;
  --cream-deep:#F7EADA;
  --ink:#241417;
  --muted:#6E5C60;
  --line:#E9DCCB;
  --white:#FFFFFF;
  --success:#1E8E5A;
  --danger:#C0392B;
  --info:#1F6FB2;

  /* Same colours as RGB triplets so Tailwind can apply opacity modifiers
     (bg-maroon/10, text-saffron/80 …) */
  --c-saffron:242 140 40;
  --c-saffron-dark:217 116 26;
  --c-maroon:107 27 42;
  --c-maroon-dark:78 16 28;
  --c-maroon-soft:140 39 64;
  --c-gold:200 162 39;
  --c-cream:253 246 236;
  --c-cream-deep:247 234 218;
  --c-ink:36 20 23;
  --c-muted:110 92 96;
  --c-line:233 220 203;
  --c-white:255 255 255;
  --c-success:30 142 90;
  --c-danger:192 57 43;
  --c-info:31 111 178;

  /* Shape */
  --radius:14px;
  --radius-sm:8px;
  --radius-lg:22px;
  --pill:999px;

  /* Layout */
  --max:1220px;
  --section-pad:96px;

  /* Type */
  --font-body:"Inter","Segoe UI","Helvetica Neue",Arial,"Noto Sans Devanagari",system-ui,sans-serif;
  --font-display:"Georgia","Playfair Display","Noto Serif Devanagari","Times New Roman",serif;

  /* Elevation */
  --shadow-sm:0 2px 10px rgba(36,20,23,.06);
  --shadow-md:0 10px 30px rgba(36,20,23,.10);
  --shadow-lg:0 22px 60px rgba(36,20,23,.16);
}

/* Base fallback (Tailwind preflight handles the rest) */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--white)}
h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.2}
::selection{background:var(--saffron);color:#3B1B00}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}