/* ============================================================ template-04-fnb-warm — Dapur Hangat F&B — Warm Terracotta Niche: Menu Per-template theme override. AUTO-GENERATED by scaffold-template.mjs from seed.json — DO NOT hand-edit (changes will be overwritten on next scaffold run; edit seed.brand.palette / brand.fonts / variantAxes.stylePack instead). Loaded AFTER all design-system stylesheets per the README cascade order: reset.css -> fonts.css -> base.css -> components.css -> utilities.css -> THIS FILE. Banned: rewriting component classes, adding new utilities, hex literals outside :root. ============================================================ */ /* === STANZA A — canonical 12-slot palette (sourced from seed.brand.palette) === * B14.1 expanded from 11 to 12 slots: --color-on-primary is the contrast text * color for surfaces painted with --color-primary (.btn-primary, .badge-primary, * .skip-link, .status-pill-active, etc.). Defaults to #FFFFFF on dark primaries * (luminance < 0.5) and #1A1A1A on the rare light primary. seed.brand.palette. * on_primary overrides the auto-derived value when needed. */ :root { --color-primary: #C2410C; --color-primary-hover: #9A330A; --color-on-primary: #FFFFFF; --color-accent: #FACC15; --color-accent-hover: #CA9F11; --color-bg: #FFFBF5; --color-bg-elevated: #FFFFFF; --color-bg-subtle: #FEF3E2; --color-text: #1C1108; --color-text-secondary: #52391C; --color-text-tertiary: #8B6F4E; --color-border: #F0E0CA; } /* === STANZA B — font family pair (sourced from seed.brand.fonts) === */ :root { --font-display: 'Fraunces', Georgia, serif; --font-body: 'Inter', Georgia, serif; /* Density default — medium (Style Pack admin toggle can override at runtime) */ --density: 1; } /* === STANZA C — style pack default activation (sourced from seed.variantAxes.stylePack) === * Canonical [data-style-pack="bold"] block lives in _design-system/base.css — * this file documents which style-pack this template opts into. MfstApp.variant.applyToHtml() * writes data-style-pack="bold" on from variantAxes (scripts-tail.html * partial) before first paint, so all base.css [data-style-pack="bold"] * rules activate at load time without flash. Valid enum: soft | bold | minimal | editorial. */ /* === Per-template decorative extras ============================ */ /* Alpine x-cloak FOUC guard — mirror of canonical _design-system/base.css rule * for the safety-net case where a future variant customizes its base cascade. */ [x-cloak] { display: none !important; }