/* ==========================================================================
   Cyclora — Design Tokens v1.0
   Shared by the website (cyclora.de) and the brand guidelines.
   ========================================================================== */
@font-face{font-family:"Inter Display";src:url("../fonts/InterDisplay-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url("../fonts/InterDisplay-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url("../fonts/InterDisplay-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  /* — Core brand — */
  --cy-green:#5C9E46;          /* Cyclora Green · logo colour */
  --cy-carbon:#0B100D;         /* Carbon · primary dark */
  --cy-graphite:#18201C;       /* Graphite · surfaces on dark */
  --cy-steel:#8D9792;          /* Steel · secondary text, lines */
  --cy-mist:#EEF2EC;           /* Mist · primary light */
  --cy-paper:#F7F9F5;
  --cy-white:#FFFFFF;
  /* — Accents (business units) — */
  --cy-amber:#E8963A;          /* Amber · pyrolysis, oil, heat */
  --cy-volt:#CDEB62;           /* Volt · energy storage */

  /* — Green scale — */
  --cy-green-50:#F0FBEC; --cy-green-100:#DEF5D8; --cy-green-200:#C1E8B5; --cy-green-300:#9FD68F;
  --cy-green-400:#7BBC66; --cy-green-500:#5C9E46; --cy-green-600:#498236; --cy-green-700:#39672A;
  --cy-green-800:#2A4D1F; --cy-green-900:#1D3515; --cy-green-950:#0F1E0A;
  /* — Neutral scale (carbon → mist) — */
  --cy-neutral-950:#0B100D; --cy-neutral-900:#121814; --cy-neutral-850:#18201C; --cy-neutral-800:#252C28;
  --cy-neutral-700:#3A423D; --cy-neutral-600:#545D58; --cy-neutral-500:#707A75; --cy-neutral-400:#8D9792;
  --cy-neutral-300:#AFB6B2; --cy-neutral-200:#D0D6D1; --cy-neutral-100:#EEF2EC; --cy-neutral-50:#F7F9F5;
  /* — Accent scales — */
  --cy-amber-300:#F5C894; --cy-amber-400:#F1AF64; --cy-amber-500:#E8963A; --cy-amber-600:#C67625; --cy-amber-700:#A25A18;
  --cy-volt-300:#E6F9B0;  --cy-volt-400:#D9F288;  --cy-volt-500:#CDEB62;  --cy-volt-600:#91B43D;  --cy-volt-700:#5F7E1F;

  /* — Typography — */
  --cy-font-display:"Inter Display","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cy-font-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cy-track-display:-0.035em;
  --cy-track-label:0.16em;

  /* — Shape & motion — */
  --cy-radius-s:8px; --cy-radius-m:14px; --cy-radius-l:24px; --cy-radius-xl:36px; --cy-radius-pill:999px;
  --cy-ease-out:cubic-bezier(.16,1,.3,1);
  --cy-ease-inout:cubic-bezier(.65,0,.35,1);
  --cy-dur-fast:200ms; --cy-dur-base:450ms; --cy-dur-slow:900ms; --cy-dur-cinematic:1600ms;
}