/* Chedi Residences — Master Brand Guidelines, §2 Colours.
   Four brand colours only: Deep Red, Grey Charcoal, Dark Grey Charcoal, Light Beige.
   Rule: the charcoals are TEXT ONLY and must never be a solid background.
   Deep Red is the one colour that may fill a surface. Everything else is derived
   tint/scrim scaffolding needed for interfaces (hairlines, muted meta, overlays). */
:root{
/* --- Brand --- */
--deep-red:#360101;        /* Pantone 4102 — hearth. The single brand colour. */
--deep-red-deep:#240000;   /* pressed / underline on Deep Red surfaces */
--deep-red-soft:#4A1414;   /* softened Deep Red panel, hover on dark */
--deep-red-tint:#EFE4E4;   /* Deep Red at low opacity over beige — selection, chips */

--charcoal:#4C4342;        /* Pantone 2477 — Grey Charcoal. Text only. */
--charcoal-dark:#373031;   /* Dark Grey Charcoal. Text only, digital substitute. */

--beige:#F3EFE9;           /* Light Beige — page ground, and text where black lacks contrast */
--white:#FFFFFF;

/* --- Derived neutrals (interface scaffolding, all warmed toward the beige) --- */
--charcoal-600:#6E6362;    /* secondary text */
--charcoal-400:#A79E99;    /* muted / meta text */
--beige-300:#C7BFB9;       /* strong hairline, disabled */
--beige-200:#DFD8CF;       /* hairline borders on light */
--beige-100:#EAE4DC;       /* tinted section surface */
--beige-50:#FAF8F5;        /* card / paper, lighter than the ground */

/* --- Status. Desaturated to sit beside Deep Red without competing. --- */
--positive:#4C6B52;
--caution:#8A6B2F;
--critical:var(--deep-red);

/* --- Scrims over full-screen photography (§2 Digital media rules) --- */
--scrim-ink-70:rgba(30,26,26,.70);
--scrim-ink-45:rgba(30,26,26,.45);
--scrim-ink-20:rgba(30,26,26,.20);
--scrim-red-60:rgba(54,1,1,.60);
--scrim-bone-90:rgba(243,239,233,.92);

/* --- Semantic aliases: prefer these in components --- */
--text-primary:var(--charcoal-dark);
--text-secondary:var(--charcoal);
--text-muted:var(--charcoal-400);
--text-inverse:var(--beige);
--text-accent:var(--deep-red);
--text-link:var(--charcoal-dark);
--text-link-hover:var(--deep-red);

--surface-page:var(--beige);
--surface-card:var(--beige-50);
--surface-tinted:var(--beige-100);
--surface-inverse:var(--deep-red);       /* dark sections are Deep Red, never charcoal */
--surface-inverse-soft:var(--deep-red-soft);

--border-hairline:var(--beige-200);
--border-strong:var(--charcoal-dark);
--border-inverse:rgba(243,239,233,.30);

--focus-ring:var(--deep-red);

/* --- Legacy aliases (pre-2026 palette). Kept so existing components keep
       compiling; remapped onto the new brand. Do not use in new work. --- */
--ink-1000:#000000;
--ink-900:var(--charcoal-dark);
--ink-800:var(--deep-red-soft);
--ink-700:var(--charcoal);
--ink-600:var(--charcoal-600);
--ink-500:var(--charcoal-400);
--stone-400:var(--charcoal-400);
--stone-300:var(--beige-300);
--stone-200:var(--beige-200);
--sand-100:var(--beige-100);
--sand-50:var(--beige);
--bone:var(--beige-50);
--brass-600:var(--deep-red-deep);
--brass-500:var(--deep-red);
--brass-300:var(--deep-red-tint);
--sage-600:var(--charcoal);
--terracotta-600:var(--deep-red-soft);
}