/* site.css — TriLister (violet (product)). Only colour lives here; everything else is base.css. */
:root{
  --bg:#0B0B0F;
  --surface:#14141B;
  --surface-2:#1C1C25;
  --line:#2A2A36;
  --line-soft:#20202A;
  --text:#F2F0F6;
  --dim:#A8A4B4;
  --faint:#8F8B9D;
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --accent:#A78BFA;
  --accent-fg:#170B33;
  --accent-hover:#BCA6FF;
  --link:#BCA6FF;
  --accent-wash:rgba(167,139,250,0.1);
  --ok-fg:#6EE7A8;  --ok-bg:rgba(110,231,168,.12);  --ok-bd:rgba(110,231,168,.30);
  --wait-fg:#F0C46A;--wait-bg:rgba(240,196,106,.12);--wait-bd:rgba(240,196,106,.30);
  --chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8A4B4' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  color-scheme:dark;
}

[data-theme="light"]{
  --bg:#FAF8F4;
  --surface:#FFFFFF;
  --surface-2:#F2EFE9;
  --line:#DFD9CF;
  --line-soft:#EBE6DE;
  --text:#1A1822;
  --dim:#54505F;
  --faint:#625E6B;
  --shadow:0 20px 60px rgba(26,24,34,.10);
  --accent:#5B32B8;
  --accent-fg:#FFFFFF;
  --accent-hover:#522CA6;
  --link:#522CA6;
  --accent-wash:rgba(91,50,184,0.1);
  --ok-fg:#0B6B3E;  --ok-bg:rgba(11,107,62,.10);  --ok-bd:rgba(11,107,62,.28);
  --wait-fg:#7A5205;--wait-bg:rgba(122,82,5,.10);--wait-bd:rgba(122,82,5,.28);
  --chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2354505F' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  color-scheme:light;
}