/* Tidewire — design tokens extracted from option 1c (light) / 2a (dark) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Spline+Sans+Mono:wght@400;500;600&display=swap');

:root {
  --font-ui: 'Archivo', system-ui, sans-serif;
  --font-data: 'Spline Sans Mono', ui-monospace, monospace;

  --bg: #f2f4f7;
  --surface: #ffffff;
  --surface-2: #f2f4f7;
  --border: #e2e6ed;
  --border-soft: #eef1f5;
  --text: #131722;
  --text-2: #404a5a;
  --text-muted: #68707f;
  --text-faint: #8a919e;
  --text-disabled: #b6bcc7;

  --accent: #2456e6;       /* unread dot, links, active toggle */
  --up: #13845a;
  --down: #c33d2e;

  --seg-dry-bg: #fdf1d7;      --seg-dry-fg: #8a6410;
  --seg-tanker-bg: #e2e8f2;   --seg-tanker-fg: #2b4a75;
  --seg-crude-bg: #fbe3e0;    --seg-crude-fg: #9c2b1d;
  --seg-products-bg: #fdeadb; --seg-products-fg: #94500f;
  --seg-lng-bg: #d9f3ef;      --seg-lng-fg: #0d6b5e;
  --seg-ports-bg: #dfeafd;    --seg-ports-fg: #1d4fa8;
  --seg-sanctions-bg: #ece2fb;--seg-sanctions-fg: #5b2fa8;
  --seg-snp-bg: #fce4ef;      --seg-snp-fg: #9a2a63;

  --radius-card: 12px;
  --radius-chip: 99px;
  --radius-tag: 6px;
  --shadow-card: 0 1px 2px rgba(19,23,34,.05);

  --space-1: 6px; --space-2: 10px; --space-3: 14px; --space-4: 16px; --space-5: 24px;
}

[data-theme="dark"] {
  --bg: #0f131b;
  --surface: #171d28;
  --surface-2: #232b3a;
  --border: #242c3b;
  --border-soft: #212837;
  --text: #e7ecf4;
  --text-2: #aeb8c9;
  --text-muted: #8b95a7;
  --text-faint: #616c80;
  --text-disabled: #48536a;

  --accent: #5b8bf5;
  --up: #4ade80;
  --down: #f87171;

  --seg-dry-bg: rgba(245,185,66,.14);      --seg-dry-fg: #f0c05a;
  --seg-tanker-bg: rgba(110,140,190,.18);  --seg-tanker-fg: #9db6dc;
  --seg-crude-bg: rgba(224,82,65,.16);     --seg-crude-fg: #f08575;
  --seg-products-bg: rgba(240,140,60,.14); --seg-products-fg: #f0a35f;
  --seg-lng-bg: rgba(45,212,191,.13);      --seg-lng-fg: #4fd4c2;
  --seg-ports-bg: rgba(96,165,250,.14);    --seg-ports-fg: #7db2f7;
  --seg-sanctions-bg: rgba(168,120,250,.15);--seg-sanctions-fg: #b795f5;
  --seg-snp-bg: rgba(236,100,160,.15);     --seg-snp-fg: #f08ac0;

  --shadow-card: none;
}

/* Type scale (font: weight size/line-height family) */
/* header brand      700 16px            var(--font-ui) */
/* cluster #1 title  700 19px/1.25       var(--font-ui) */
/* cluster #2-10     700 15px/1.3 */
/* river item        600 12px/1.4 */
/* summaries         400 13px/1.5 (#1) · 400 12px/1.5 (#2-10) */
/* meta / sources    500-600 10-10.5px */
/* card kicker       700 10.5px (source) · 500 10.5px data (time) */
/* section labels    700 12px letter-spacing .12em uppercase */
/* index strip       600 11px             var(--font-data) */