/* =====================================================================
   THEME — poori website ka look & feel sirf is file se control hota hai.
   Color, font, radius, spacing yahan badlo; baaki CSS sirf in variables
   ko use karti hai, isliye kahin aur change karne ki zarurat nahi.
   ===================================================================== */

/* Fonts — Google Fonts link har HTML page ke <head> me hai. Font badlo to
   wahan family name bhi badalna. */
:root {
  /* ---- Brand colors ---- */
  --c-ink: #0D1321;          /* main dark (headings, dark sections, footer) */
  --c-ink-soft: #4B5263;     /* body / secondary text */
  --c-accent: #C9A45C;       /* brand highlight: buttons, badges, highlights */
  --c-accent-hover: #D9B877;
  --c-accent-deep: #6B5017;  /* text on light accent backgrounds */
  --c-accent-tint: #F4EDDD;  /* light accent background */
  --c-support: #34466B;      /* secondary color: small labels, links */
  --c-support-tint: #E6EAF2;
  --c-success: #1E9E52;      /* WhatsApp / success */
  --c-danger: #C0392B;

  /* ---- Surfaces ---- */
  --c-page: #F3F3F0;         /* page background */
  --c-surface: #FFFFFF;      /* cards, header, white sections */
  --c-line: #E1E1DA;         /* borders */
  --c-on-dark: #FFFFFF;      /* text on dark sections */
  --c-on-dark-soft: #AEB4C2;

  /* ---- Typography ---- */
  --f-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --fs-body: 1.0625rem;
  --fs-small: .92rem;
  --fs-h1: clamp(2.3rem, 5vw, 3.9rem);
  --fs-h2: clamp(1.7rem, 3.2vw, 2.4rem);
  --fs-h3: 1.2rem;
  --fs-lede: 1.2rem;

  /* ---- Shape & spacing ---- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;
  --wrap: 1200px;          /* max content width */
  --gutter: 20px;          /* side padding on mobile */
  --section-y: 96px;       /* vertical space per section */
  --section-y-mobile: 64px;
  --shadow-lift: 0 30px 60px -24px rgba(13, 19, 33, .45);
  --c-hero: #0D1321;         /* home hero background */
  --c-hero-line: rgba(201, 164, 92, .28);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.2, .7, .2, 1);
}