/* ============================================================
   GEEK Website — Bright Accent Layer
   Extends geek-ui's tokens.css. Canvas stays white/paper
   (data-theme="light"); red stays the only CTA/link signal.
   These accents are seasoning: icon color, card top-border,
   8–12% tint backgrounds. One per "what we automate" theme.
   ============================================================ */

:root {
  /* Header / nav typeface — Avenir on Apple devices, Nunito Sans fallback */
  --geek-font-header: "Avenir Next", "Avenir", "Nunito Sans", system-ui, sans-serif;

  /* Fixed transparent header height (used for hero/section clearance) */
  --header-h: 72px;

  --geek-accent-amber:   #F2A900; /* Lighting & Shading */
  --geek-accent-teal:    #0FA3A3; /* Climate, Water & Safety */
  --geek-accent-violet:  #7A4DFF; /* Security & Access */
  --geek-accent-blue:    #1E6FFF; /* Networks, Media & Entertainment */
  --geek-accent-copper:  #C98A2E; /* Premium / KNX Control */
  --geek-accent-green:   #1C8A4A; /* Everyday Living & Outdoors */
  --geek-accent-graphite:#3A3A3A; /* Centralized Control / Hubs */
}

.accent-amber    { --accent: var(--geek-accent-amber); }
.accent-teal     { --accent: var(--geek-accent-teal); }
.accent-violet   { --accent: var(--geek-accent-violet); }
.accent-blue     { --accent: var(--geek-accent-blue); }
.accent-copper   { --accent: var(--geek-accent-copper); }
.accent-green    { --accent: var(--geek-accent-green); }
.accent-graphite { --accent: var(--geek-accent-graphite); }