/* ── Colour ──────────────────────────────────────────────────────────────
   Structure, names and values inherited from design.md. The single brand
   voltage slot ({colors.primary}) is filled with Aurelis Brass rather than the
   source system's automotive red — the one deliberate translation, so the
   marque reads as architecture rather than motorsport. Everything else
   (near-black canvas #181818, #303030 elevation, hairline hexes, text ramp,
   semantic trio) is carried over verbatim. */

:root {
  /* ── Brand & accent — used scarcely: primary CTAs, the wordmark rule,
        chapter marks and specification highlights. Nothing else. */
  --primary: #c8a671;          /* Aurelis Brass — {colors.primary} slot */
  --primary-active: #a5844f;   /* press */
  --primary-hover: #d8bb8d;    /* hover (the source system documents no hover; Aurelis defines one) */
  --primary-tint: rgba(200, 166, 113, 0.14);
  --on-primary: #181818;       /* deviation from source #ffffff: brass needs dark type for contrast */

  /* ── Surface */
  --canvas: #181818;             /* near-black page floor — never pure black */
  --canvas-elevated: #303030;    /* cards, panels, plates on dark */
  --canvas-light: #ffffff;       /* light editorial bands: floor plans, resale, pricing */
  --surface-card: #303030;
  --surface-soft-light: #f7f7f7; /* alternating light band */
  --surface-strong-light: #ebebeb;
  --canvas-deep: #0f0f0f;        /* addition: full-bleed cinema band behind photography */

  /* ── Hairlines */
  --hairline: #303030;
  --hairline-on-light: #d2d2d2;
  --hairline-soft: #ebebeb;
  --hairline-strong: #4a4a4a;    /* addition: hover/focus edge on dark */

  /* ── Text */
  --ink: #ffffff;
  --body: #969696;
  --body-strong: #ffffff;
  --body-on-light: #181818;
  --muted: #666666;
  --muted-soft: #8f8f8f;

  /* ── Semantic */
  --semantic-info: #4c98b9;
  --semantic-success: #03904a;
  --semantic-warning: #f13a2c;

  /* ── Real-estate semantic aliases ───────────────────────────────── */
  --surface-canvas: var(--canvas);
  --surface-cinema: var(--canvas-deep);
  --surface-panel: var(--canvas-elevated);
  --surface-raised: var(--canvas-elevated);
  --surface-light: var(--canvas-light);
  --surface-light-alt: var(--surface-soft-light);

  --text-primary: var(--ink);
  --text-body: var(--body);
  --text-meta: var(--muted);
  --text-on-light: var(--body-on-light);
  --text-on-light-muted: #5a5a5a;

  --brand-accent: var(--primary);
  --brand-accent-hover: var(--primary-hover);
  --brand-accent-press: var(--primary-active);
  --brass-tint: var(--primary-tint);
  --brass-400: var(--primary-hover);
  --brass-500: var(--primary);
  --brass-600: var(--primary-active);
  --fg-1: var(--ink);
  --fg-2: var(--body);
  --fg-3: var(--muted);

  --border-hairline: var(--hairline);
  --border-hairline-strong: var(--hairline-strong);
  --border-on-light: var(--hairline-on-light);

  /* Availability — status dots only, never fills */
  --status-available: var(--semantic-success);
  --status-reserved: #b2793f;
  --status-sold: var(--muted);

  /* Photographic scrims — protect type over imagery */
  --scrim-bottom: linear-gradient(to top, rgba(12,12,12,0.92) 0%, rgba(12,12,12,0.55) 32%, rgba(12,12,12,0) 68%); /* @kind color */
  --scrim-full: linear-gradient(to top, rgba(12,12,12,0.88) 0%, rgba(12,12,12,0.30) 50%, rgba(12,12,12,0.55) 100%); /* @kind color */
  --scrim-flat: rgba(12, 12, 12, 0.45); /* @kind color */

  /* Decorative depth — inherited gradient pair, retuned to the accent */
  --gradient-brand: linear-gradient(180deg, #a5844f, #c8a671 64%); /* @kind color */
  --gradient-dark: linear-gradient(180deg, #3c3c3c, #030303 64%); /* @kind color */
}