/* ========================================================================== TENANT THEME — King's Thaitakeaway Alle tenant-spesifikke verdiar bur her. Strukturen ligg i app.css og les berre var(--*). Bruk: Fargane er henta direkte frå Forrettsetter-plakaten. ========================================================================== */ [data-theme="kings"] { /* --- Merkefargar (henta frå plakaten) ------------------------------- */ --brand-black: #0A0A0B; /* plakatbakgrunn */ --brand-coal: #141416; /* kort/panel */ --brand-gold: #E9A231; /* logo-gull, midttone */ --brand-gold-hi: #FFD277; /* gull-høglys */ --brand-gold-lo: #A96A0E; /* gull-skugge */ --brand-orange: #F58020; /* «SETTER» oransje */ --brand-red: #B4161B; /* pris-sirkel og raud banner */ --brand-red-hi: #D82027; --brand-chili: #E23B2E; /* styrkeindikator */ /* --- Nøytralar ------------------------------------------------------ */ --cream: #F7F1E4; --cream-dim: #C9C1B2; --smoke: #8B857A; --hairline: rgba(233,162,49,.28); --hairline-soft: rgba(247,241,228,.12); /* --- Semantiske roller ---------------------------------------------- */ --bg: var(--brand-black); --bg-alt: #0F0F11; --surface: var(--brand-coal); --surface-2: #1B1B1E; --text: var(--cream); --text-muted: var(--cream-dim); --text-faint: var(--smoke); --line: var(--hairline); --primary: var(--brand-gold); --primary-ink: #17110A; --accent: var(--brand-red); --accent-ink: #FFFFFF; --sale: var(--brand-red-hi); --success: #4FA35C; /* --- Gull som forløp (brukt på store overskrifter og rammer) --------- */ --gold-grad: linear-gradient(180deg, var(--brand-gold-hi) 0%, var(--brand-gold) 46%, var(--brand-gold-lo) 100%); --gold-line: linear-gradient(90deg, transparent, var(--brand-gold) 30%, var(--brand-gold-hi) 50%, var(--brand-gold) 70%, transparent); /* --- Formspråk: tynne gullkonturar, djup glød, ingen harde skuggar --- */ --bw: 1px; --bw-thick: 2px; --radius-sm: 8px; --radius: 14px; --radius-lg: 22px; --radius-xl: 34px; --radius-pill: 999px; --shadow: 0 18px 44px -24px rgba(0,0,0,.95); --shadow-lg: 0 28px 70px -28px rgba(0,0,0,1); --glow: 0 0 0 1px var(--hairline), 0 22px 60px -30px rgba(233,162,49,.55); --glow-strong: 0 0 0 1px rgba(233,162,49,.55), 0 26px 70px -26px rgba(233,162,49,.7); /* --- Typografi ------------------------------------------------------- */ --font-display: "Anton", "Arial Narrow", Impact, system-ui, sans-serif; --font-kicker: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif; --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif; --fw-display: 400; /* Anton har berre 400 */ --tracking: .005em; --tracking-wide: .16em; /* --- Rytme ----------------------------------------------------------- */ --gap: clamp(14px, 1.8vw, 26px); --section-y: clamp(52px, 7vw, 104px); --container: 1220px; /* --- Ticker ---------------------------------------------------------- */ --ticker-speed: 34s; } /* Fargeroterande hjelpeklasser — kategorikort, badges, ikon. Kvar tenant definerer sin eigen rekkefølge. */ [data-theme="kings"] { --c1: var(--brand-gold); --c2: var(--brand-orange); --c3: var(--brand-red); --c4: var(--brand-gold-hi); --c5: #6E4B12; }