/* ============================================================================= Princess Operations Hub — admin dashboard styles. Light shell, warm neutral canvas, brand-navy accents — the DealerPro look: easy on the eyes, readable at a glance. No external fonts or CDNs (strict CSP). ============================================================================= */ :root { --navy: #1b2a45; --navy-700: #23375a; --navy-900: #131e33; --ink: #1a1c20; --ink-soft: #454b57; --muted: #6d7583; --line: #e4e4e0; --line-soft: #f0f0ec; --bg: #f6f6f4; --card: #ffffff; --accent: #2f6fed; --ok: #157a53; --ok-bg: #e4f3ec; --warn: #8a5a00; --warn-bg: #faf0da; /* The paler half of the caution pair. Only the hatched "on leave" fill on the Schedule grid needs two warm tints; it was carrying both as literals, so the hatch could drift away from every other caution surface. */ --warn-bg-soft: #fff6e2; --bad: #b02a21; --bad-bg: #fbe9e7; --info: #1d4fb8; --info-bg: #e8eefb; /* The schematic worksite map. Sea and land sit close to the canvas tones so the card stays quiet; the pins carry the colour. */ --map-sea: #e2ecf4; --map-land: #f7f4ec; --map-coast: #c3cbd4; --radius: 12px; --radius-ctl: 9px; /* ONE spacing rhythm for the canvas. Every gap between and inside cards derives from these two, which is what makes the pages read as balanced: equal air on all four sides of a card, equal air between any two cards. */ --gap: 16px; --pad: 20px; /* ONE height for every single-line control, for the same reason. Left to their own metrics a text input, a select, a date field and a button come out 40 / 38 / 42 / 43px, and an — inline, so vertical padding does not grow its line box — comes out 38px next to a 43px