/* ============================================================ template-02-modest-soft — Modest Fashion — Soft Pastel (Anaya) Niche: Koleksi 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: #6B4E71; --color-primary-hover: #553D5A; --color-on-primary: #FFFFFF; --color-accent: #C9A961; --color-accent-hover: #A88B47; --color-bg: #FBF7F2; --color-bg-elevated: #FFFFFF; --color-bg-subtle: #F2EBE0; --color-text: #2A1F2D; --color-text-secondary: #5A4A5C; --color-text-tertiary: #8A7888; --color-border: #E3D9CC; } /* === STANZA B — font family pair (sourced from seed.brand.fonts) === */ :root { --font-display: 'Cormorant Garamond', Georgia, serif; --font-body: 'Nunito Sans', 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="soft"] block lives in _design-system/base.css — * this file documents which style-pack this template opts into. MfstApp.variant.applyToHtml() * writes data-style-pack="soft" on from variantAxes (scripts-tail.html * partial) before first paint, so all base.css [data-style-pack="soft"] * 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; }