/* O'Dea Lab design tokens. Shared by odealab.com, martinaverse.com and upwelling.odealab.com.
   The sites are dark only. Pages never use raw hex values, only these names. */
:root{
  color-scheme:dark;
  --ground:#0B1416; --surface:#121E21; --surface-2:#18272B;
  --ink:#E6EDED; --ink-2:#A8BCBF; --ink-3:#7C9195;
  --rule:#22353A; --rule-strong:#354B51;
  /* Data colours, colour-vision checked. Warm also marks deadlines that are close. */
  --warm:#E0524A; --cool:#3E96C4;
  /* Logo */
  --logo-word:#E6EDED; --logo-tag:#E6EDED; --logo-band:#34545C;
  /* One flag colour per property. A page sets --flag to its own through data-site. */
  --on-flag:#0B1416;            /* text drawn on top of a flag-coloured button or badge */
  --flag-lab:#26AAE1; --flag-martinaverse:#F15A29; --flag-upwelling:#E2C466; --flag-spare:#39B54A;
  --flag:var(--flag-lab);
  /* Type */
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --wrap:1000px; --prose:40rem;
}
[data-site="lab"]{--flag:var(--flag-lab)}
[data-site="martinaverse"]{--flag:var(--flag-martinaverse)}
[data-site="upwelling"]{--flag:var(--flag-upwelling)}

/* Paper theme. Used on the text-heavy pages (publications, opportunities, internal).
   The masthead stays dark in both themes so the logo always sits on its own ground. */
body[data-theme="paper"]{
  --ground:#F6F8F8;
  --surface:#FFFFFF;
  --surface-2:#EDF1F2;
  --ink:#0F2429;
  --ink-2:#384D53;
  --ink-3:#6C7D82;
  --rule:rgba(15,36,41,.13);
  --rule-strong:rgba(15,36,41,.26);
}