/* ConfigPilot — Design Tokens (authoritative). Horizon direction, Brand Kit v1.0.
   ACCENT DECISION (2026-09-14, supersedes Design System v1.0's #0A84FF-as-accent):
     UI accent = #2A57DB (restrained blue, actions/links/selected only).
     Logo keeps its own brighter #0A84FF — do not repaint the logo.
   All 14 mockups are built to #2A57DB; this file is the single source for the value. */
:root{
  /* accent */
  --cp-accent:#2A57DB; --cp-accent-700:#2246B0; --cp-accent-800:#1A3890;
  --cp-accent-50:#EEF2FE; --cp-accent-100:#DBE4FC;
  /* brand neutrals (cool) */
  --cp-navy:#0B1F44; --cp-charcoal:#1F2937; --cp-slate:#6B7280; --cp-cloud:#F5F6F8; --cp-white:#FFFFFF;
  --cp-gray-700:#374151; --cp-line:#E8EAEE; --cp-line2:#D5D8DE;
  /* semantic — BRD tags (paid BRD only, D12) + feedback */
  --cp-std-50:#E9F8EF; --cp-std-500:#16A34A; --cp-std-700:#15803D;   /* Standard  */
  --cp-cfg-50:#FDF6E8; --cp-cfg-500:#C2810B; --cp-cfg-700:#9A6608;   /* Configuration */
  --cp-cus-50:#FDF2F1; --cp-cus-500:#DC2626; --cp-cus-700:#B91C1C;   /* Customisation */
  --cp-red:#DC2626; --cp-red-50:#FDF2F1; --cp-red-200:#F4B9B4;
  /* radius */ --cp-r-sm:8px; --cp-r-md:10px; --cp-r-lg:14px; --cp-r-xl:18px; --cp-r-full:999px;
  /* elevation */ --cp-sh-sm:0 1px 2px rgba(11,31,68,.05); --cp-sh:0 1px 3px rgba(11,31,68,.05),0 6px 18px rgba(11,31,68,.06); --cp-sh-lg:0 2px 6px rgba(11,31,68,.06),0 14px 40px rgba(11,31,68,.10);
  /* spacing (4px grid) */ --cp-1:4px; --cp-2:8px; --cp-3:12px; --cp-4:16px; --cp-5:20px; --cp-6:24px; --cp-8:32px;
  /* motion */ --cp-fast:120ms; --cp-base:200ms; --cp-slow:320ms; --cp-ease:cubic-bezier(.2,.8,.2,1);
  /* type */ --cp-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}