/* ============================================================
   Theme — RunMyBusiness
   From the brand guide (Marketing/marketing-plan-site/brand.html):
   warm white and warm black, IBM Plex, and the spectral rainbow
   (teal, green, yellow, orange, red) as the only color. Teal is the
   working accent; black type sits on it. The guide is light only;
   dark is built from the same warm blacks and the same rainbow.
   Values only — sizes, spacing and radii stay the base system's.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap");

:root{
  --font-sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
  --ground:#F5F3EE; --surface:#FFFFFF; --surface-2:#F3F1EC;
  --ink:#141311; --muted:#69645B; --faint:#9A948A; --line:#E4E0D8; --line-2:#CFC9BE;
  --shadow:0 1px 2px rgba(20,19,17,.05),0 6px 20px rgba(20,19,17,.06);
  --accent:#1FB3A6; --accent-ink:#0B7268; --accent-soft:#DDF2EF; --on-accent:#141311;
  --success:#6CC24A; --success-ink:#3B7224; --success-soft:#E6F3DF;
  --warning:#F5C518; --warning-ink:#7A5C00; --warning-soft:#FBF1CC;
  --danger:#E4432E;  --danger-ink:#A3271A;  --danger-soft:#FBE0DB;
  --info:#1FB3A6;    --info-ink:#0B7268;    --info-soft:#DDF2EF;
  --purple:#7A5BB0;  --purple-ink:#583D88;  --purple-soft:#EEE8F6;
  --orange:#F28C28;  --orange-ink:#984A0A;  --orange-soft:#FCE8D4;
  --neutral:#7C776E; --neutral-ink:#3E3B36; --neutral-soft:#EDEAE4;
}
@media (prefers-color-scheme: dark){:root{
  color-scheme:dark;
  --ground:#0E0D0B; --surface:#181715; --surface-2:#22201C;
  --ink:#F4F2EC; --muted:#ADA79C; --faint:#7F796F; --line:#2C2A26; --line-2:#3D3A34;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 6px 22px rgba(0,0,0,.4);
  --accent:#1FB3A6; --accent-ink:#5ED3C7; --accent-soft:#0F2623; --on-accent:#141311;
  --success:#6CC24A; --success-ink:#9BDB7E; --success-soft:#16230F;
  --warning:#F5C518; --warning-ink:#F7D45E; --warning-soft:#29220A;
  --danger:#E4432E;  --danger-ink:#F2877A;  --danger-soft:#2D1511;
  --info:#1FB3A6;    --info-ink:#5ED3C7;    --info-soft:#0F2623;
  --purple:#A68BD8;  --purple-ink:#C5B3EA;  --purple-soft:#221B30;
  --orange:#F28C28;  --orange-ink:#F5AC66;  --orange-soft:#2B1C0D;
  --neutral:#ADA79C; --neutral-ink:#D3CEC5; --neutral-soft:#22201C;
}}
:root[data-theme="light"]{
  color-scheme:light;
  --ground:#F5F3EE; --surface:#FFFFFF; --surface-2:#F3F1EC;
  --ink:#141311; --muted:#69645B; --faint:#9A948A; --line:#E4E0D8; --line-2:#CFC9BE;
  --shadow:0 1px 2px rgba(20,19,17,.05),0 6px 20px rgba(20,19,17,.06);
  --accent:#1FB3A6; --accent-ink:#0B7268; --accent-soft:#DDF2EF; --on-accent:#141311;
  --success:#6CC24A; --success-ink:#3B7224; --success-soft:#E6F3DF;
  --warning:#F5C518; --warning-ink:#7A5C00; --warning-soft:#FBF1CC;
  --danger:#E4432E;  --danger-ink:#A3271A;  --danger-soft:#FBE0DB;
  --info:#1FB3A6;    --info-ink:#0B7268;    --info-soft:#DDF2EF;
  --purple:#7A5BB0;  --purple-ink:#583D88;  --purple-soft:#EEE8F6;
  --orange:#F28C28;  --orange-ink:#984A0A;  --orange-soft:#FCE8D4;
  --neutral:#7C776E; --neutral-ink:#3E3B36; --neutral-soft:#EDEAE4;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0E0D0B; --surface:#181715; --surface-2:#22201C;
  --ink:#F4F2EC; --muted:#ADA79C; --faint:#7F796F; --line:#2C2A26; --line-2:#3D3A34;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 6px 22px rgba(0,0,0,.4);
  --accent:#1FB3A6; --accent-ink:#5ED3C7; --accent-soft:#0F2623; --on-accent:#141311;
  --success:#6CC24A; --success-ink:#9BDB7E; --success-soft:#16230F;
  --warning:#F5C518; --warning-ink:#F7D45E; --warning-soft:#29220A;
  --danger:#E4432E;  --danger-ink:#F2877A;  --danger-soft:#2D1511;
  --info:#1FB3A6;    --info-ink:#5ED3C7;    --info-soft:#0F2623;
  --purple:#A68BD8;  --purple-ink:#C5B3EA;  --purple-soft:#221B30;
  --orange:#F28C28;  --orange-ink:#F5AC66;  --orange-soft:#2B1C0D;
  --neutral:#ADA79C; --neutral-ink:#D3CEC5; --neutral-soft:#22201C;
}