/* RiskyEats section theme tokens — 4-section IA (operator 2026-06-21). Each top-level section sets data-section on ; components read the --section-* custom properties so one component set themes per section. */ :root { --section-accent: #b91c1c; /* default = FRI/TSE */ --section-accent-soft: #fef2f2; --section-accent-border: #fecaca; --section-bg: #ffffff; --section-ink: #1f2937; --section-label: "FRI"; } [data-section="fri"] { --section-accent:#b91c1c; --section-accent-soft:#fef2f2; --section-accent-border:#fecaca; --section-bg:#ffffff; --section-label:"FRI · TSE"; } [data-section="data"] { --section-accent:#475569; --section-accent-soft:#f1f5f9; --section-accent-border:#cbd5e1; --section-bg:#ffffff; --section-label:"Data Browser"; } [data-section="news"] { --section-accent:#1f2937; --section-accent-soft:#faf7f0; --section-accent-border:#e7e0d2; --section-bg:#faf7f0; --section-label:"News"; } [data-section="cuisine"]{ --section-accent:#c2410c; --section-accent-soft:#fff7ed; --section-accent-border:#fed7aa; --section-bg:#fffdf8; --section-label:"Cuisine Guides"; } /* Shared section nav (top-level switcher). */ .section-nav { display:flex; gap:4px; flex-wrap:wrap; padding:8px 0; border-bottom:1px solid var(--section-accent-border); } .section-nav a { font-weight:700; font-size:.92rem; text-decoration:none; color:#475569; padding:6px 12px; border-radius:999px; } .section-nav a[aria-current="page"] { background:var(--section-accent-soft); color:var(--section-accent); border:1px solid var(--section-accent-border); } .section-nav a:hover { background:var(--section-accent-soft); }