/* ============================================================
   DESIGN TOKENS — Arun Builders (est. 1983, Chennai)

   Palette taken from the client's OWN LOGO: red "A", green "B",
   gold windows. Not an invented scheme — their existing identity.

   Two constraints this satisfies:
   1. No near-black. Black carries funeral / inauspicious
      associations in Indian cultural context — wrong register
      for a family firm selling homes to Chennai families.
   2. No brown ground. Deep forest green (from the logo's B)
      is the dark surface instead: auspicious, and it makes the
      red accent sing rather than muddying into it.

   Neutrals are a cool-warm balanced stone, NOT brown — they
   read as concrete, which is the correct material reference.
   ============================================================ */

:root {
  /* ---- Neutrals: stone, not brown ---- */
  --c-ink:          #1C2620;   /* deep green-black, headings */
  --c-graphite:     #333F38;   /* body text, green-leaning charcoal */
  --c-slate:        #5A665F;   /* secondary text */
  --c-mute:         #647169;   /* tertiary / captions */
  --c-line:         #DCE1DD;   /* hairline borders */
  --c-line-soft:    #EBEEEC;
  --c-surface:      #FFFFFF;
  --c-surface-alt:  #F6F8F6;   /* section banding, faint green-grey */
  --c-surface-warm: #F4F1EA;   /* warm stone, used sparingly */

  /* Red — straight from the logo's "A". Primary accent. */
  --c-accent:       #C0392B;
  --c-accent-dark:  #9C2D22;
  --c-accent-soft:  #FBEAE7;

  /* Gold — the logo's lit windows. Heritage / 43-year marks. */
  --c-brass:        #A8801F;
  --c-brass-soft:   #FBF3DD;

  /* Green — the logo's "B". The dark ground. Auspicious. */
  --c-deep:         #14432B;   /* deep forest green */
  --c-deep-2:       #1B5637;   /* lifted variant for layering */

  --c-success:      #2F7D4F;
  --c-warn:         #A8801F;

  /* ---- Type ---- */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --t-xs:   0.75rem;
  --t-sm:   0.8125rem;
  --t-base: 1rem;
  --t-lg:   1.125rem;
  --t-xl:   1.375rem;
  --t-2xl:  1.75rem;
  --t-3xl:  2.25rem;
  --t-4xl:  3rem;
  --t-5xl:  4rem;
  --t-6xl:  5.5rem;

  --w-normal: 400;
  --w-med:    500;
  --w-semi:   600;
  --w-bold:   700;

  --lh-tight: 1.1;
  --lh-snug:  1.25;
  --lh-norm:  1.55;
  --lh-loose: 1.7;

  --track-tight: -0.02em;
  --track-wide:  0.08em;
  --track-caps:  0.14em;

  /* ---- Space ---- */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8rem;

  /* ---- Structure ---- */
  --radius-sm: 2px;
  --radius:    3px;
  --radius-lg: 4px;

  --shadow-sm: 0 1px 2px rgba(28,38,32,.07);
  --shadow:    0 2px 8px rgba(28,38,32,.08);
  --shadow-lg: 0 12px 32px rgba(28,38,32,.12);

  --wrap:       1200px;
  --wrap-text:  680px;
  --wrap-wide:  1400px;

  --header-h: 76px;

  --ease: cubic-bezier(.2,.7,.3,1);
}

@media (max-width: 860px) {
  :root {
    --t-4xl: 2.25rem;
    --t-5xl: 2.75rem;
    --t-6xl: 3.25rem;
    --s-9:   4rem;
    --s-10:  5rem;
    --header-h: 64px;
  }
}