/* ============================================================================
   GREENTECH REAL ESTATE — Noir & Gold tokens
   Sister-brand of Greentech. Deep black + espresso undertone + champagne gold.
   Bridge to parent: Inter (UI) + JetBrains Mono (numerals) + jade signature <2%.
   ============================================================================ */
:root {
  /* ---- Surfaces ---- */
  --obsidian:   #0A0B0A;
  --espresso:   #14110E;
  --onyx:       #1A1714;
  --onyx-2:     #221E1A;

  /* ---- Champagne gold (accent, <5% of screen) ---- */
  --gold:       #C9A86B;
  --gold-deep:  #A8853F;
  --gold-light: #E4CFA0;

  /* ---- Greentech jade signature (<2%) ---- */
  --jade:       #34D399;

  /* ---- Text (warm bone, never pure white) ---- */
  --bone:       #F2ECE0;
  --bone-soft:  #B8AE9C;
  --bone-faint: #6F675A;

  /* ---- Lines ---- */
  --line:        color-mix(in oklab, var(--gold) 16%, transparent);
  --line-soft:   color-mix(in oklab, var(--bone) 8%, transparent);
  --line-strong: color-mix(in oklab, var(--gold) 32%, transparent);

  /* ---- Semantic ---- */
  --bg:        var(--obsidian);
  --bg-elev:   var(--espresso);
  --bg-card:   var(--onyx);
  --text:      var(--bone);
  --text-soft: var(--bone-soft);
  --text-faint:var(--bone-faint);
  --accent:    var(--gold);
  --accent-deep:var(--gold-deep);
  --on-accent: var(--obsidian);

  /* ---- Typography ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  --fs-300: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
  --fs-400: clamp(0.9rem, 0.87rem + 0.15vw, 1rem);
  --fs-500: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --fs-600: clamp(1.3rem, 1.18rem + 0.6vw, 1.7rem);
  --fs-700: clamp(1.7rem, 1.42rem + 1.4vw, 2.6rem);
  --fs-800: clamp(2.3rem, 1.8rem + 2.6vw, 4rem);
  --fs-900: clamp(3rem, 2rem + 5vw, 6.5rem);
  --fs-mega: clamp(3.4rem, 1.4rem + 9vw, 12rem);

  --lh-tight: 1.0;
  --lh-snug: 1.12;
  --lh-body: 1.7;
  --tracking-tight: -0.02em;
  --tracking-tighter: -0.04em;
  --tracking-mega: -0.055em;   /* optical correction for Fraunces at display sizes */
  --tracking-wide: 0.22em;

  /* ---- Spacing / layout ---- */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem;
  --space-4: 1rem;    --space-5: 1.5rem; --space-6: 2rem;
  --space-7: 3rem;    --space-8: 4rem;   --space-9: 6rem;
  --space-10: 8rem;   --space-11: 12rem;
  --maxw: 1320px;
  --maxw-text: 64ch;     /* generous luxury measure for body/lead */
  --maxw-prose: 52ch;    /* tighter measure for section heads / editorial */
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --radius: 2px;
  --radius-lg: 10px;

  --shadow-md: 0 18px 50px -24px rgba(0,0,0,0.7);
  --shadow-lg: 0 40px 90px -40px rgba(0,0,0,0.85);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-lux: cubic-bezier(0.23, 1, 0.32, 1);   /* cinematic settle — for clip reveals & display moves */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 0.2s;
  --dur-2: 0.5s;
  --dur-3: 0.8s;
  --dur-4: 1.1s;

  --header-h: 84px;
}

* { box-sizing: border-box; }
html { color-scheme: dark; }