/** * DIVSA curated theme directions — Visual Studio v8. * Signature is the canonical token-driven base and needs no override. * * IMPORTANT OWNERSHIP RULE: * The preset class lives on , but styling is restricted to DIVSA-owned * surfaces. The canonical App Shell owns the surrounding public page. */ /* Minimal Luxe — restrained surfaces, dense typography, almost no decorative shadow. */ .tap-style-minimal { --tap-theme-card-radius: 10px; --tap-theme-control-radius: 8px; --tap-theme-shadow: none; } .tap-style-minimal :where(.tap-root,.tap-chrome-header,.tap-bottomnav) :where(.tap-panel,.tap-fcard,.tap-hl-tile,.tap-hl-vip,.tap-product-card,.tap-service-card) { border-radius: var(--tap-theme-card-radius); box-shadow: var(--tap-theme-shadow); border-color: var(--tap-line); background: var(--tap-card); } .tap-style-minimal :where(.tap-root,.tap-chrome-header,.tap-bottomnav) :where(.tap-btn,.tap-btn-primary,.tap-btn-gold,.tap-input,button,input,select,textarea) { border-radius: var(--tap-theme-control-radius); box-shadow: none; } .tap-style-minimal .tap-root :where(.tap-sec-eyebrow,.tap-kicker) { letter-spacing: .12em; } .tap-style-minimal .tap-root :where(.tap-hero-compact-glyph,.tap-lotus-bloom) { display: none; } /* Temple Night — dark devotional surfaces derived entirely from tenant brand tokens. */ .tap-style-temple-night { --tap-theme-night-bg: color-mix(in srgb,var(--tap-ink) 96%,black); --tap-theme-night-surface: color-mix(in srgb,var(--tap-ink) 88%,var(--tap-card)); --tap-theme-night-line: color-mix(in srgb,var(--tap-card) 14%,transparent); --tap-theme-night-text: color-mix(in srgb,var(--tap-card) 94%,var(--tap-ink)); --tap-theme-night-muted: color-mix(in srgb,var(--tap-card) 66%,var(--tap-ink)); } .tap-style-temple-night :where(.tap-root,.tap-home,.tap-canvas,.tap-page) { background: var(--tap-theme-night-bg); color: var(--tap-theme-night-text); } .tap-style-temple-night .tap-root :where(.tap-panel,.tap-fcard,.tap-hl-tile,.tap-hl-vip,.tap-product-card,.tap-service-card) { background: var(--tap-theme-night-surface); border-color: var(--tap-theme-night-line); color: var(--tap-theme-night-text); box-shadow: 0 18px 50px color-mix(in srgb,black 26%,transparent); } .tap-style-temple-night .tap-root :where(h1,h2,h3,h4,.tap-sec-title,.tap-card-title) { color: var(--tap-theme-night-text); } .tap-style-temple-night .tap-root :where(p,.tap-muted,.tap-card-meta,.tap-fcard-meta) { color: var(--tap-theme-night-muted); } .tap-style-temple-night .tap-root :where(.tap-input,input,select,textarea) { background: color-mix(in srgb,var(--tap-theme-night-surface) 92%,black); border-color: var(--tap-theme-night-line); color: var(--tap-theme-night-text); } .tap-style-temple-night :where(.tap-chrome-header,.tap-bottomnav) { background: color-mix(in srgb,var(--tap-theme-night-bg) 92%,transparent); border-color: var(--tap-theme-night-line); color: var(--tap-theme-night-text); } @media (prefers-reduced-motion:reduce) { .tap-style-temple-night :where(.tap-root,.tap-chrome-header,.tap-bottomnav) *, .tap-style-minimal :where(.tap-root,.tap-chrome-header,.tap-bottomnav) * { scroll-behavior:auto!important; } }