/* =========================================================================
   Ramjanki Infra — Design Tokens
   Original palette/typography direction inspired by premium interior-
   industry sites, but not copied from any specific source.
   ========================================================================= */
:root {
  /* --- Brand Palette --- */
  --rji-charcoal:      #14181d;   /* primary dark - headers, footer, text */
  --rji-charcoal-soft:  #1f242b;
  --rji-ember:         #c8752f;   /* warm amber/copper accent (CTA, highlights) */
  --rji-ember-dark:    #a75f22;
  --rji-stone:         #f4f1ec;   /* warm off-white section background */
  --rji-stone-dark:    #e7e1d6;
  --rji-slate:         #5b6470;   /* muted body copy on light bg */
  --rji-white:         #ffffff;
  --rji-success:       #2f7d55;
  --rji-danger:        #b3402d;

  /* --- Typography --- */
  --rji-font-heading: "Lato", "Helvetica Neue", Arial, sans-serif;
  --rji-font-body: "Lato", "Helvetica Neue", Arial, sans-serif;

  --rji-fs-h1: clamp(2.25rem, 1.9rem + 1.6vw, 3.75rem);
  --rji-fs-h2: clamp(1.8rem, 1.55rem + 1vw, 2.75rem);
  --rji-fs-h3: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  --rji-fs-lead: clamp(1.05rem, 1rem + 0.2vw, 1.25rem);
  --rji-fs-body: 1rem;
  --rji-fs-small: 0.875rem;

  --rji-lh-heading: 1.15;
  --rji-lh-body: 1.7;

  /* --- Spacing scale (used for section paddings/margins) --- */
  --rji-space-xs: 0.5rem;
  --rji-space-sm: 1rem;
  --rji-space-md: 1.75rem;
  --rji-space-lg: 3rem;
  --rji-space-xl: 5rem;
  --rji-space-2xl: 7.5rem;

  /* --- Radius / Shadow / Motion --- */
  --rji-radius-sm: 6px;
  --rji-radius-md: 12px;
  --rji-radius-lg: 20px;
  --rji-shadow-sm: 0 2px 10px rgba(20, 24, 29, 0.06);
  --rji-shadow-md: 0 12px 32px rgba(20, 24, 29, 0.10);
  --rji-shadow-lg: 0 24px 60px rgba(20, 24, 29, 0.16);
  --rji-transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Layout --- */
  --rji-container-max: 1280px;
  --rji-header-height: 88px;
}

/* Responsive breakpoints reference (Bootstrap-aligned, documented for devs):
   xs: <576px   sm: >=576px   md: >=768px
   lg: >=992px  xl: >=1200px  xxl: >=1400px
*/