/* Fox Real Estate color tokens. Sampled from the FOX pitch deck, LaCité investment deck and property collateral. */
:root{
/* Base — the brand is fundamentally black & white */
--fox-black:#000000;
--fox-ink:#0C0C0C;
--fox-white:#FFFFFF;
--fox-paper:#F4F0EC;      /* warm off-white page (LaCité deck) */
--fox-paper-2:#ECE8E2;    /* sunken panel on paper */
/* Greys */
--fox-grey-900:#1C1C1C;
--fox-grey-700:#404040;
--fox-grey-500:#646464;
--fox-grey-400:#888888;
--fox-grey-300:#BCBCBC;
--fox-grey-200:#D8D8D4;
--fox-grey-100:#ECECE8;
/* Accent — used sparingly: one highlighted object per slide/screen */
--fox-green:#044424;      /* "Position" circle, highlighted cells */
--fox-green-deep:#0F2A1C; /* green panels in LaCité deck */
--fox-teal:#003C3C;       /* pricing-card panel */
--fox-green-tint:#E3EBE5; /* highlighted table cell */
/* Property-marketing accent (resident collateral only, e.g. Ledger BBQ poster) */
--fox-butter:#EDDC6A;
/* Semantic data colors */
--fox-positive:#044424;
--fox-negative:#B3261E;

/* Semantic aliases */
--bg-page:var(--fox-white);
--bg-inverse:var(--fox-black);
--bg-paper:var(--fox-paper);
--surface-card:var(--fox-white);
--surface-sunken:var(--fox-paper-2);
--surface-accent:var(--fox-green);
--text-primary:var(--fox-black);
--text-secondary:var(--fox-grey-700);
--text-muted:var(--fox-grey-500);
--text-inverse:var(--fox-white);
--text-inverse-muted:#B4B4B4;
--text-accent:var(--fox-green);
--border-strong:var(--fox-black);
--border-default:var(--fox-grey-300);
--border-subtle:var(--fox-grey-200);
--border-inverse:rgba(255,255,255,.35);
--focus-ring:var(--fox-green);
}