/* LYFE Offshore design tokens — bron: kalle_brain/02_LYFE/BEELDTAAL.md (Kalle, 2026-09-08).
   Gekopieerd uit 02_LYFE/beeldtaal/tokens.css. NIET hier bewerken: wijzigingen
   gaan in het brein, daarna opnieuw kopiëren.
   Dag is de standaard; nacht via prefers-color-scheme of [data-theme="night"]. */
:root{
  --font-display:"Urbanist",ui-sans-serif,system-ui,sans-serif;
  --font-body:"DM Sans",ui-sans-serif,system-ui,sans-serif;
  --font-data:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --radius-chip:14px; --radius-card:16px; --radius-button:999px;
  --shadow-soft:0 8px 24px rgba(10,30,40,.14);

  --ground:#F3F5F4; --surface:#FFFCF6;
  --ink:#12283A; --ink-2:#4C6273; --ink-3:#7F929F; --line:#D9E0E2;
  --accent:#0F7C86; --accent-soft:#DDEFF0; --ok:#2F9A63;
  --alarm:#DF3F3F; --warn:#E28B2E; --anchor:#17BBCB;
  --map-sea:#2FB4BF; --map-sea-deep:#1E9AA8; --map-shallow:#8ADFDD;
  --map-land:#EDE2C3; --map-land-edge:#DCCB9F; --map-vessel:#FFFCF6;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="day"]){
    --ground:#0E161B; --surface:#152028;
    --ink:#E6ECEE; --ink-2:#A7B5BC; --ink-3:#7A8A92; --line:#26343C;
    --accent:#3EC1CC; --accent-soft:#163A40; --ok:#4CBF7E;
    --alarm:#FF5A5A; --warn:#F2A65A; --anchor:#4FD1E0;
    --map-sea:#0C3242; --map-sea-deep:#06202C; --map-shallow:#1E5A6B;
    --map-land:#2C3E49; --map-land-edge:#546875; --map-vessel:#ECF2F4;
  }
}
:root[data-theme="night"]{
  --ground:#0E161B; --surface:#152028;
  --ink:#E6ECEE; --ink-2:#A7B5BC; --ink-3:#7A8A92; --line:#26343C;
  --accent:#3EC1CC; --accent-soft:#163A40; --ok:#4CBF7E;
  --alarm:#FF5A5A; --warn:#F2A65A; --anchor:#4FD1E0;
  --map-sea:#0C3242; --map-sea-deep:#06202C; --map-shallow:#1E5A6B;
  --map-land:#2C3E49; --map-land-edge:#546875; --map-vessel:#ECF2F4;
}
/* Basisregels die overal gelden */
.lyfe-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.lyfe-data{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em}
.lyfe-data small{font-family:var(--font-display);font-size:.55em;font-weight:700;margin-left:.15em;color:var(--ink-2)}
.lyfe-wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:.2em;text-transform:uppercase}