/* ==========================================================================
   SACHIV POULTRY FARM KUSMUL — DESIGN TOKENS
   Inspired by Chhattisgarh gaon: haldi, mitti, dhaan ke khet, bans ki baadh
   ========================================================================== */

:root {
  /* ---- Color Palette ---- */
  /* Haldi (turmeric) — primary accent, warmth, desi identity */
  --color-haldi: #D9A62E;
  --color-haldi-dark: #B8871E;
  --color-haldi-light: #F0C862;

  /* Mitti (earthen clay) — secondary, grounded rustic tone */
  --color-mitti: #8B4A2B;
  --color-mitti-dark: #6B3620;
  --color-mitti-light: #A8613D;

  /* Neem/Dhaan green — fields, freshness, health */
  --color-neem: #3D5A3D;
  --color-neem-dark: #2A3F2A;
  --color-neem-light: #587758;

  /* Chawal husk — warm off-white background */
  --color-husk: #F2E8D5;
  --color-husk-light: #FAF5EA;

  /* Mitti soil dark — text, depth */
  --color-soil: #2B2420;
  --color-soil-light: #4A3F38;

  /* Diya flame — CTA highlight, rare use */
  --color-diya: #E8622C;

  /* Neutral */
  --color-white: #FFFDF8;
  --color-cream: #EFE4CC;
  --color-border: #D9C8A8;

  /* Status */
  --color-success: #3D5A3D;
  --color-error: #B23A2E;

  /* ---- Typography ---- */
  /* Display: strong, characterful headline face for HI + EN */
  --font-display: 'Baloo 2', 'Rajdhani', sans-serif;
  /* Body: readable, warm sans for both scripts */
  --font-body: 'Hind', 'Mukta', sans-serif;
  /* Utility: labels, captions, numbers */
  --font-utility: 'Rajdhani', sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-md: 1.15rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.75rem;
  --fs-3xl: 3.75rem;
  --fs-4xl: 5rem;

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

  /* ---- Spacing Scale ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-narrow: 800px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 2px 8px rgba(43, 36, 32, 0.08);
  --shadow-md: 0 8px 24px rgba(43, 36, 32, 0.14);
  --shadow-lg: 0 16px 48px rgba(43, 36, 32, 0.2);
  --shadow-haldi-glow: 0 8px 30px rgba(217, 166, 46, 0.35);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.2s;
  --dur-med: 0.4s;
  --dur-slow: 0.8s;

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