/* ==========================================================================
   AWADHI VIKAS SANSTHAN — PROPORTIONAL DESIGN TOKENS (variables.css)
   Strictly calibrated to match the UI Style Overview reference layout
   ========================================================================== */

:root {
  /* --- Palette (Verified Hex Values) --- */
  --color-primary: #8D1E1E;         /* Deep Awadhi maroon */
  --color-primary-dark: #6E1717;    /* Dark maroon pressed state */
  --color-primary-light: #A6373A;   /* Lighter maroon hover */
  --color-secondary: #F26522;       /* Burnt orange / terracotta accent */
  --color-secondary-dark: #D6540F;  /* Dark terracotta */
  --color-accent: #F5C768;          /* Antique gold border/linework */
  --color-accent-dark: #C9A34E;     /* Strong gold border */
  --color-background: #FDF6E9;      /* Warm ivory / cream page bg */
  --color-surface: #FFFFFF;         /* Card white fill */
  --color-surface-alt: #F6EAD4;     /* Secondary ivory surface */
  --color-ink: #3E2723;             /* Deep heritage brown text */
  --color-text: #3E2723;            /* Standard body text */
  --color-text-muted: #6D4C41;      /* Supporting brown text */
  --color-text-on-primary: #FDF6E9; /* Text on maroon */
  --color-border: #E4D4B8;          /* Hairline border */
  --color-border-strong: #C9A34E;   /* Gold decorative border */
  --color-success: #3F7D4A;
  --color-error: #B3261E;
  --color-focus-ring: #F26522;

  /* --- Typography System (Calibrated Scale) --- */
  --font-heading-en: 'Playfair Display', Georgia, serif;
  --font-body-en: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading-hi: 'Noto Serif Devanagari', 'Playfair Display', serif;
  --font-body-hi: 'Noto Sans Devanagari', 'Inter', sans-serif;

  --font-heading: var(--font-heading-en);
  --font-body: var(--font-body-en);

  /* Proportional Type Sizes (Strict reference sizing) */
  --text-display: clamp(1.85rem, 2.2vw + 1rem, 2.5rem); /* Hero H1: ~32px-40px */
  --text-h1: clamp(1.6rem, 1.8vw + 0.8rem, 2.1rem);     /* Page H1: ~26px-34px */
  --text-h2: clamp(1.35rem, 1.2vw + 0.8rem, 1.75rem);   /* Section H2: ~22px-28px */
  --text-h3: clamp(1.05rem, 0.6vw + 0.8rem, 1.25rem);   /* Subhead H3: ~17px-20px */
  --text-h4: 0.875rem;                                  /* Card titles: ~14px */
  --text-body-lg: 0.925rem;                             /* Hero subtext: ~14.8px */
  --text-body: 0.875rem;                                /* Standard text: ~14px */
  --text-small: 0.8125rem;                              /* Meta/small: ~13px */
  --text-caption: 0.75rem;                              /* Captions: ~12px */
  --text-button: 0.8125rem;                             /* Button labels: ~13px */

  /* --- Spacing Scale (Compact Rhythm) --- */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2.25rem;   /* 36px */
  --space-10: 3rem;     /* 48px */
  --space-12: 4rem;     /* 64px */

  /* Section Padding & Container Boundaries */
  --section-padding-y: clamp(2rem, 3.5vw, 3.25rem);
  --container-max: 1200px;
  --container-padding-x: clamp(1rem, 2.5vw, 1.5rem);

  /* Geometry & Elevation */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(62, 39, 35, 0.06);
  --shadow-md: 0 4px 12px rgba(62, 39, 35, 0.09);
  --shadow-lg: 0 10px 28px rgba(62, 39, 35, 0.12);
  --shadow-card-hover: 0 8px 20px rgba(141, 30, 30, 0.12);

  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 350ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  --z-header: 100;
  --z-mobile-menu: 200;
  --z-modal: 300;
  --z-toast: 400;
}

html[lang="hi"] {
  --font-heading: var(--font-heading-hi);
  --font-body: var(--font-body-hi);
}

html[lang="en"] {
  --font-heading: var(--font-heading-en);
  --font-body: var(--font-body-en);
}