/*!
 * Gorilla Property Services — Design Tokens
 * Locked 2026-05-04 (task_0004) — additive only, do not edit values without a new task.
 *
 * The brand colors and the deep variants exist for different jobs:
 *
 *   --c-orange-brand (#f46f0c) — IDENTITY. Logo accents, mascot fills, decorative
 *     dividers, CTA backgrounds *with dark text only*. Never as text-on-white
 *     (2.95:1, fails WCAG AA).
 *   --c-orange-deep  (#b04e0e) — TEXT-SAFE on white. Headings, links, accent
 *     words on a white background. Passes WCAG AA body and large on white.
 *
 *   --c-green-brand  (#78a636) — IDENTITY. Same rules as orange-brand. Never
 *     as text-on-white (2.87:1, fails WCAG AA).
 *   --c-green-deep   (#4d6f24) — TEXT-SAFE on white. Same rules as orange-deep.
 *
 *   --c-dark         (#231f20) — primary body text on white. Also the safe
 *     foreground when paired with either brand color as a button background.
 *   --c-white        (#ffffff) — dominant background.
 *
 * Quick rule of thumb:
 *   • text on white?              use *-deep
 *   • white text on a button?     use *-deep as the bg
 *   • dark text on a button?      use *-brand as the bg
 *   • icon, divider, decoration?  either, contrast doesn't apply
 *
 * If you find yourself pairing #f46f0c or #78a636 with #ffffff for *text*,
 * that's an accessibility regression — switch to the deep variant.
 *
 * Caveat: the deep variants are NOT safe on dark backgrounds. Both fail or
 * barely pass. Don't reuse them as text on #231f20 — use white text or a
 * brand-color text on dark instead.
 *
 * Contrast ratios (WCAG 2.1, computed from sRGB relative luminance):
 *   orange-brand on white    2.95:1  ✗ body   ✗ large
 *   orange-brand on dark     5.53:1  ✓ body   ✓ large
 *   orange-deep  on white    5.33:1  ✓ body   ✓ large
 *   orange-deep  on dark     3.06:1  ✗ body   ✓ large (use white text on this bg, not dark)
 *   green-brand  on white    2.87:1  ✗ body   ✗ large
 *   green-brand  on dark     5.67:1  ✓ body   ✓ large
 *   green-deep   on white    5.81:1  ✓ body   ✓ large
 *   green-deep   on dark     2.81:1  ✗ body   ✗ large (do not pair on dark)
 *   dark         on white   16.30:1  ✓ body   ✓ large
 *
 * NOTE: this file is declaration-only. No element/class rules. Do not add any.
 */
:root {
	--c-orange-brand:  #f46f0c;
	--c-orange-shade:  #e6630a;
	--c-orange-deep:   #b04e0e;
	--c-green-brand:   #78a636;
	--c-green-deep:    #4d6f24;
	--c-dark:          #231f20;
	--c-white:         #ffffff;
}