/* Think Sensory desk palette, matched to the main site (think-sensory-summit globals.css) on
   5 Oct 2026: the same near-white ground and neutrals, brand teal as the accent, near-black
   buttons that turn to the blue-to-teal gradient on hover, pink for attention. The role names
   are the Morning Desk's; the colour-name aliases at the end let the Weekly Executive Brief
   share the same sheet. */
:root{
  --bg:#FAFAFB; --card:#FFFFFF; --sunk:#F1F2F5; --sunk-2:#E9EAEF;
  --ink:#15171D; --ink-2:#2B2E39; --muted:#5B5F6E; --faint:#858A99;
  --line:#E4E5EA; --line-soft:#EEEFF3;
  --brand-teal:#146A8F;
  --accent:#146A8F; --accent-soft:#E4F0F5; --on-accent:#FFFFFF;
  --on-grad:#FFFFFF;
  --btn-bg:#202330; --btn-fg:#FFFFFF; --btn-hover:var(--grad-a); --btn-shadow:rgba(20,24,40,.18);
  --pop-pink:#FF58CA; --pop-yellow:#FDD82C; --pop-orange:#FF8C2E; --pop-lime:#CBFA58; --pop-sky:#5AD7FF; --pop-ink:#17181F;
  --urgent:#D6339F; --urgent-bg:#FDEAF6;
  --warn:#B7791F; --warn-bg:#FDF3DF;
  --week:#2A9D8F; --week-bg:#E3F3F1;
  --later:#2E5AAC; --later-bg:#E8EEFB;
  --hold:#6B6F7E; --hold-bg:#ECEEF2;
  --done:#1F7A4D; --done-bg:#E4F5EC;
  --grad-a:linear-gradient(135deg,#2E5AAC 0%,#2A9D8F 100%);
  --grad-b:linear-gradient(135deg,#2A9D8F 0%,#7CB56B 100%);
  --shadow:0 1px 2px rgba(20,24,40,.06),0 0 0 1px rgba(20,24,40,.03);
  --shadow-lift:0 8px 28px rgba(20,24,40,.10);
  --r-card:18px; --r-big:24px;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* No mono face, as on the main site: dates and figures use the sans with even-width digits. */
  --mono:var(--sans);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#141520; --card:#1C1E2B; --sunk:#242637; --sunk-2:#2B2E42;
    --ink:#EEEFF6; --ink-2:#CFD2DF; --muted:#A2A6BB; --faint:#7C8199;
    --line:#2B2E43; --line-soft:#252838;
    --accent:#5FCDBF; --accent-soft:#17333A; --on-accent:#0F172A; --on-grad:#0F172A;
    --btn-bg:var(--grad-a); --btn-fg:#0F172A; --btn-hover:linear-gradient(135deg,#1D8FB8 0%,#0E5468 100%); --btn-shadow:rgba(29,143,184,.35);
    --urgent:#FF6FD0; --urgent-bg:#3A1F35;
    --warn:#F0B95A; --warn-bg:#3A2E14;
    --week:#5FCDBF; --week-bg:#16353A;
    --later:#8AB4F8; --later-bg:#1E2A45;
    --hold:#A2A6BB; --hold-bg:#272B40;
    --done:#62D394; --done-bg:#16352A;
    --grad-a:linear-gradient(135deg,#8AB4F8 0%,#5FCDBF 100%);
    --grad-b:linear-gradient(135deg,#5FCDBF 0%,#9FD08A 100%);
    --shadow:0 1px 2px rgba(0,0,0,.45);
    --shadow-lift:0 8px 28px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --bg:#141520; --card:#1C1E2B; --sunk:#242637; --sunk-2:#2B2E42;
  --ink:#EEEFF6; --ink-2:#CFD2DF; --muted:#A2A6BB; --faint:#7C8199;
  --line:#2B2E43; --line-soft:#252838;
  --accent:#5FCDBF; --accent-soft:#17333A; --on-accent:#0F172A; --on-grad:#0F172A;
  --btn-bg:var(--grad-a); --btn-fg:#0F172A; --btn-hover:linear-gradient(135deg,#1D8FB8 0%,#0E5468 100%); --btn-shadow:rgba(29,143,184,.35);
  --urgent:#FF6FD0; --urgent-bg:#3A1F35;
  --warn:#F0B95A; --warn-bg:#3A2E14;
  --week:#5FCDBF; --week-bg:#16353A;
  --later:#8AB4F8; --later-bg:#1E2A45;
  --hold:#A2A6BB; --hold-bg:#272B40;
  --done:#62D394; --done-bg:#16352A;
  --grad-a:linear-gradient(135deg,#8AB4F8 0%,#5FCDBF 100%);
  --grad-b:linear-gradient(135deg,#5FCDBF 0%,#9FD08A 100%);
  --shadow:0 1px 2px rgba(0,0,0,.45);
  --shadow-lift:0 8px 28px rgba(0,0,0,.5);
}
:root{
  --blue:var(--later); --blue-bg:var(--later-bg);
  --green:var(--done); --green-bg:var(--done-bg);
  --amber:var(--week); --amber-bg:var(--week-bg);
  --orange:var(--urgent); --orange-bg:var(--urgent-bg);
  --slate:var(--hold); --slate-bg:var(--hold-bg);
  --violet:var(--accent); --violet-bg:var(--accent-soft);
}
html{color-scheme:light dark}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
.ic{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex:none}
.ic svg{display:block;width:100%;height:100%}
