/* ============================================================ Haupt- und Landgestüt Marbach — Gestütsauktion — tenant theme hul.landwirtschaft-bw.de (state stud farm auction, Baden-Württemberg) Palette source: CONFIRMED — read from the site's own stylesheets, not visual estimates. The site runs on the Baden-Württemberg "rebrush2024" state framework, but the Gestüt's own content palette is declared in resource.content-colors.css: graduated GOLD/AMBER highlight family #FFD674 primary box / signature gold #FFE4A3 lighter gold #FFF1D0 cream tint warm ANTHRACITE / grey structure (from main.css --bw-grey scale) #3D3732 grey-100 (structural near-black) #565A5B content primary1 slate #6D6766 grey-70 / custom-hul border grey functional text colours #FF0000 alert red (content primary2) #008000 positive green (content primary3) This reads as a classic black-and-gold heritage identity — fitting for Marbach and the BW coat-of-arms tradition — so it is mapped as warm-anthracite primary + signature-gold accent rather than the generic portal blue. Each colour token is oklch with the source hex in an inline comment for traceability. Structure mirrors the Grand Prix Sales tenant file. Only :root tokens here — no page redesign. ============================================================ */ :root { /* SURFACES Warm near-white drawn from the cream tint so backgrounds sit under the gold/anthracite identity; text is the structural anthracite grey. */ --background: oklch(98.5% 0.006 88); /* warm near-white (cream-tinted #FFF1D0 family) */ --foreground: oklch(34.1% 0.012 62); /* #3D3732 anthracite */ --card: oklch(100% 0 0); /* white cards */ --card-foreground: oklch(34.1% 0.012 62); /* #3D3732 */ --popover: oklch(100% 0 0); --popover-foreground: oklch(34.1% 0.012 62); /* PRIMARY Warm anthracite — the structural brand colour. White text clears AA comfortably (~11.7:1) for buttons, headers and links. */ --primary: oklch(34.1% 0.012 62); /* #3D3732 */ --primary-foreground: oklch(99% 0 0); /* white */ /* ACCENT (signature gold / CTA family) The Gestüt's signature gold #FFD674 is the highlight tone. It is far too light for white text (~1.4:1), so — per the Stal Tops rule — it keeps the true brand value and pairs with a DARK (anthracite) foreground (~8.5:1) rather than being darkened. */ --accent: oklch(89.2% 0.125 87); /* #FFD674 signature gold */ --accent-foreground: oklch(34.1% 0.012 62); /* #3D3732 anthracite on gold (8.5:1) */ --accent-soft: oklch(92.6% 0.087 88); /* #FFE4A3 lighter gold — hover/soft fill */ --accent-strong: oklch(55% 0.115 72); /* deepened amber-gold — pressed/active, white text (5.0:1) */ /* --accent-alt is editorial: deep heritage forest green, a classic counterpoint to gold and a nod to the pastoral stud-farm setting. Swap if Marbach defines an official secondary colour. */ --accent-alt: oklch(33.4% 0.088 131); /* #253F04 deep forest green (suggested) */ --accent-alt-foreground: oklch(99% 0 0); /* white (11.7:1) */ /* SECONDARY & MUTED Warm light neutrals so chrome stays in the warm gold/grey family. */ --secondary: oklch(95.5% 0.010 86); /* warm light fill */ --secondary-foreground: oklch(34.1% 0.012 62); /* #3D3732 */ --muted: oklch(96.5% 0.008 84); /* warm muted surface */ --muted-foreground: oklch(48% 0.006 60); /* #565A5B / #6D6766 mid warm grey */ /* FUNCTIONAL / FEEDBACK Drawn from the site's content colours; the primary is neutral anthracite so reds/greens don't collide on hue. */ /* destructive: brand alert red #FF0000 is harsh and fails white-text AA at full strength (~4.0:1), so it is deepened slightly to a controlled red that carries white text (5.4:1). */ --destructive: oklch(55% 0.210 28); /* from #FF0000, deepened for AA */ --destructive-foreground: oklch(99% 0 0); /* white */ /* success: brand positive green #008000, white text 5.1:1. */ --success: oklch(52% 0.177 142); /* #008000 */ --success-foreground: oklch(99% 0 0); /* white */ /* info: no blue in the Gestüt content palette, so a clean info blue with no collision risk. */ --info: oklch(55% 0.130 250); /* clean blue, white 4.8:1 */ --info-foreground: oklch(99% 0 0); /* white */ /* warning: the brand ACCENT is gold/amber (hue ~87), so warning is pushed to a distinct, more saturated ORANGE (hue ~60) to avoid reading as the brand gold. Carries dark text. */ --warning: oklch(70% 0.160 60); /* orange, dark text 7.5:1 */ --warning-foreground: oklch(30% 0.03 60); /* deep warm brown-grey */ /* BORDERS & FOCUS */ --border: oklch(89% 0.008 80); /* warm light grey */ --input: oklch(89% 0.008 80); --ring: var(--primary); /* focus ring uses the anthracite primary */ /* AUCTION STATUS COLORS Live should feel urgent and attention-grabbing. Active should feel positive/safe. Upcoming should feel informative. These map onto the functional colors above. */ --status-live: var(--destructive); --status-active: var(--success); --status-upcoming: var(--info); /* SHAPE Radius controls the default roundness of cards, buttons, inputs and badges. */ --radius: 0.5rem; /* ---------------------------------------------------------------------- LOCKING IN / ADJUSTING The core values are exact, read from the site's own stylesheets (content-colors.css + main.css --bw-grey scale). Editorial picks: - --accent-alt (deep forest green) — swap for an official secondary colour if Marbach has one. - --accent-strong / --warning / --info hues — functional, nudged for contrast and to avoid clashing with the gold accent. Adjust freely. Note: the generic BW state framework also exposes a portal blue (--bw-blue-100 #09347c) and a pure state yellow (theme-color #fffc00). Those are framework chrome, not the Gestüt's own content identity, so they were intentionally not used as the brand colours here. If you'd prefer the state blue as primary, set --primary to #09347c and demote the gold to accent only. ---------------------------------------------------------------------- */ }