/* ==========================================================================
   SCHOLAR WELFARE SOCIETY — DESIGN TOKENS
   All colors, spacing, typography, radii, shadows live here.
   Never hard-code these values elsewhere — always reference the variable.
   ========================================================================== */

:root {
  /* ---------- Brand Colors ---------- */
  --color-primary: #8a3b12;        /* warm terracotta — trust + warmth */
  --color-primary-dark: #6b2c0c;
  --color-primary-light: #b85a2a;

  --color-secondary: #14514a;      /* deep teal — education/growth */
  --color-secondary-dark: #0d3934;
  --color-secondary-light: #1f7a6d;

  --color-accent: #e8a33d;         /* warm gold — CTA highlight */
  --color-accent-dark: #c8862a;

  /* ---------- Neutrals ---------- */
  --color-bg: #ffffff;             /* pure white — clean, editorial */
  --color-bg-alt: #f6f5f2;         /* very light warm gray for section breaks */
  --color-surface: #ffffff;
  --color-ink: #1c1a17;
  --color-ink-soft: #56514a;
  --color-border: #e6e3dd;

  --color-white: #ffffff;

  /* ---------- Feedback ---------- */
  --color-success: #2f7d5a;
  --color-warning: #c8862a;
  --color-error: #b3402c;

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

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-display: 3.75rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* ---------- Spacing Scale ---------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-12: 7rem;

  /* ---------- Layout ---------- */
  --container-max: 1240px;
  --container-padding: var(--space-5);
  --navbar-height: 78px;

  /* ---------- Radii ---------- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;

  /* ---------- Shadows ---------- */
  --shadow-sm: 0 1px 3px rgba(28, 26, 23, 0.06);
  --shadow-md: 0 4px 16px rgba(28, 26, 23, 0.08);
  --shadow-lg: 0 12px 32px rgba(28, 26, 23, 0.10);

  /* ---------- Transitions ---------- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 450ms cubic-bezier(0.22, 1, 0.36, 1);

  /* ---------- Z-index ---------- */
  --z-navbar: 100;
  --z-overlay: 200;
  --z-modal: 300;
}