/* REMI — Real Estate Management Intelligence.
   Her own brand. Not a client's livery.

   Taken from the mark: near-black ground, a polished obsidian orb, and a warm
   metallic gold that runs from pale champagne to deep bronze. The gold reads as
   gold because it is a gradient, not a flat fill — a single hex looks like
   mustard. Hence three stops rather than one.

   REVISED after seeing it on a real screen. The first pass put near-black on
   near-black: every surface sat within about eight points of luminance, so the
   page had no depth and photographs of houses — the whole point of a real
   estate product — disappeared into it. Premium is not the same as dark. A
   jeweller's case is black, but the light in it is what sells the stone.

   So this version keeps the black ground and adds two things it was missing:
   a real elevation ladder (five distinct surfaces, not two), and a set of warm
   accent hues for property imagery so the grid carries colour instead of
   reading as a wall of charcoal rectangles. */
:root {
  /* ── elevation ladder ───────────────────────────────────────────────────
     Each step is a visible jump, not a nudge. If two surfaces sit on top of
     each other and you cannot tell where one ends, the ladder is too tight. */
  --remi-black:      #050505;  /* page ground, matches the mark's field */
  --remi-panel:      #111113;  /* cards, chat — lifted off the ground */
  --remi-panel-hi:   #1A1A1E;  /* hover, raised rows */
  --remi-panel-top:  #232329;  /* the highest surface — popovers, chips */
  --remi-sunk:       #08080A;  /* inputs and wells, below the panel */

  --remi-line:       #2E2E36;  /* hairlines — brighter than before */
  --remi-line-warm:  #4A3F2C;  /* hairlines that touch gold */

  /* ── the metal ──────────────────────────────────────────────────────────── */
  --remi-gold:       #D9B45C;  /* primary — buttons, headings */
  --remi-gold-pale:  #F4E3B4;  /* highlight, the lit edge of the orb */
  --remi-gold-deep:  #A07B2E;  /* shadow side, gradient end */
  --remi-gold-glow:  217, 180, 92;

  /* ── ink ────────────────────────────────────────────────────────────────
     Body copy was #C9C4BA against #0C0C0E — technically passing, visually
     tired. Lifted so long paragraphs are comfortable rather than merely legible. */
  --remi-ink:        #F5F2EC;  /* warm off-white — never pure #fff on black */
  --remi-body:       #D6D1C7;  /* paragraphs */
  --remi-dim:        #A8A399;  /* secondary */
  --remi-dimmer:     #78736B;  /* tertiary, timestamps */

  /* Use for the wordmark and anything meant to read as the logo. */
  --remi-metal: linear-gradient(145deg,
    var(--remi-gold-deep) 0%, var(--remi-gold) 28%,
    var(--remi-gold-pale) 50%, var(--remi-gold) 72%, var(--remi-gold-deep) 100%);

  /* ── property accents ───────────────────────────────────────────────────
     Architecture has colour: terracotta roofs, dusk skies, garden green. The
     generated plates draw from these so a grid of fifty listings looks like a
     neighbourhood rather than a spreadsheet. All warm or deep enough to sit
     under gold without fighting it. */
  --prop-spanish:   #C4622E;  /* terracotta tile */
  --prop-midcent:   #B4541F;  /* dusk orange over a flat roof */
  --prop-craftsman: #6B7A3A;  /* olive siding, green lawn */
  --prop-contemp:   #2E6E7E;  /* glass and pool, twilight teal */
  --prop-condo:     #7A6A9E;  /* evening violet over stucco */
  --prop-estate:    #8A6A2E;  /* golden hour on brick */
}