/* ============================================================
   TAILWIND THEME LAYER — Design Tokens (CSS Custom Properties)
   BAL EVAM MAHILA VIKAS EVAM SHOSHAN NIVARAN KALYAN SAMITI UP
   ------------------------------------------------------------
   Theme: DARK-FIRST · FLUORESCENT PINK
   The site loads in dark mode by default (bootstrap script in
   each page head + main.js). The toggle switches to the light
   "neon blush" theme below.

   Brand color: Fluorescent Pink #FF1493. Dark surfaces are
   ROSE-BLACK (warm magenta undertone — never purple). Highlights
   are NEON BLUSH PEARL. Both themes re-skin every component
   from this single file.
   ============================================================ */

/* ---------- LIGHT "NEON BLUSH" THEME (via toggle) ---------- */
:root {
  /* Brand palette — fluorescent pink on blush ivory */
  --c-primary:        #EE0C8A;   /* fluorescent pink (slightly deepened for light bg) */
  --c-primary-dark:   #C60973;
  --c-primary-deep:   #4A0328;   /* deep magenta */
  --c-primary-soft:   #FFE3F2;
  --c-secondary:      #E0559C;   /* neon blush (deepened for light bg) */
  --c-secondary-dark: #C22E7F;
  --c-secondary-soft: #FFEAF5;
  --c-accent:         #D62B8B;   /* hot rose */
  --c-accent-soft:    #FDE9F3;
  --c-success:        #16A34A;

  /* Surfaces & text */
  --c-bg:      #FDF5F9;          /* blush pearl ivory */
  --c-card:    #FFFFFF;
  --c-text:    #471F30;
  --c-muted:   #9C6F84;
  --c-border:  #F6DCE8;
  --c-heading: #380E22;

  /* Effects */
  --shadow-soft: 0 8px 30px rgba(71, 31, 48, .07);
  --shadow-card: 0 10px 35px -8px rgba(71, 31, 48, .11);
  --shadow-lift: 0 22px 45px -14px rgba(255, 20, 147, .28);
  --glass-bg:   rgba(255, 250, 252, .82);
  --glass-brd:  rgba(255, 255, 255, .5);

  /* Typography */
  --font-heading: 'Poppins', 'Noto Sans Devanagari', sans-serif;
  --font-body:    'Inter', 'Noto Sans Devanagari', sans-serif;
  --font-hindi:   'Noto Sans Devanagari', sans-serif;

  /* Rhythm */
  --radius-card: 1.25rem;
  --section-pad: clamp(4rem, 8vw, 6.5rem);
  --header-h: 76px;
  --topbar-h: 40px;
}

/* ---------- DARK "ROSE-BLACK · FLUORESCENT PINK" THEME (default) ---------- */
html.dark {
  --c-primary:        #FF1493;   /* full fluorescent pink */
  --c-primary-dark:   #D6007D;
  --c-primary-deep:   #3B0421;   /* deep magenta — no purple cast */
  --c-primary-soft:   #420A28;
  --c-secondary:      #FFD1E8;   /* luminous neon blush pearl */
  --c-secondary-dark: #FFA8D3;
  --c-secondary-soft: #3A0E24;
  --c-accent:         #FF5CB5;
  --c-accent-soft:    #3A0E20;

  --c-bg:      #1C0A14;          /* rose black */
  --c-card:    #27101C;          /* dark magenta-rose surface */
  --c-text:    #F2D9E6;
  --c-muted:   #C08AA5;
  --c-border:  #4A1B33;
  --c-heading: #FFF2F9;          /* pink-pearl white */

  --shadow-soft: 0 8px 30px rgba(0, 0, 0, .35);
  --shadow-card: 0 10px 35px -8px rgba(0, 0, 0, .45);
  --shadow-lift: 0 22px 45px -14px rgba(0, 0, 0, .55);
  --glass-bg:   rgba(31, 10, 22, .82);
  --glass-brd:  rgba(255, 209, 232, .16);

  color-scheme: dark;
}

/* ---------- Base element defaults ---------- */
html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  background-color: var(--c-bg);
  color: var(--c-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: var(--c-heading); }

::selection { background: var(--c-primary); color: #fff; }

/* Slim, branded scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--c-bg); }
::-webkit-scrollbar-thumb { background: var(--c-primary-dark); border-radius: 8px; border: 2px solid var(--c-bg); }
::-webkit-scrollbar-thumb:hover { background: var(--c-primary); }

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