/* ==========================================================
   STYLE 1 — NOIR (default)  ·  black · grey · golden yellow
   Change only the values below to customise this style.
   ========================================================== */
:root[data-theme="noir"] {
  color-scheme: dark;
  /* page */
  --black: #0E0E10;   /* page background            */
  --ink: #141416;     /* strips / contact box       */
  --card: #1A1A1D;    /* cards                      */
  --card-2: #222226;  /* inner cards                */
  --text: #F4F4F1;  --text-2: #B4B4AE;  --text-3: #7C7C77;
  --line: rgba(255,255,255,.08);  --line-2: rgba(255,255,255,.14);
  /* accent */
  --yellow: #F4C542;  --yellow-2: #FFD766;  --yellow-ink: #1A1505;
  --yellow-soft: rgba(244,197,66,.12);  --yellow-glow: rgba(244,197,66,.28);
  --y-text: #F4C542;  /* accent used as text */
  --solid: #141416;   /* dark accent blocks (icons, case headers) */
  --hdr-bg: rgba(14,14,16,.82);  --dots: rgba(255,255,255,.07);  --chip-bg: rgba(26,26,29,.88);
  /* light grey sections (services, cases, FAQ) */
  --light-bg: #F3F3F1;  --light-text: #141416;  --light-text-2: #55554F;  --light-text-3: #8A8A84;
  --light-line: rgba(20,20,22,.09);  --light-line-2: rgba(20,20,22,.16);
  --light-card: #FFFFFF;  --light-card-2: #FAFAF8;  --light-tag: #9A7A10;
}