/* Design tokens from design_handoff_marina_redesign/README.md — shared across redesigned screens */
:root {
  --harbor-navy: #0C2C49;
  --deep-sea: #123B5E;
  --signal-blue: #1462B8;
  --sky: #2E7FD4;
  --seafoam: #0F8C82;
  --mist: #5FD0C4;
  --amber: #E0930F;
  --amber-text: #B5790C;
  --green: #1F9D57;
  --green-text: #1F8B4D;
  --red: #D34141;
  --red-text: #C23A3A;
  --app-bg: #F4F7FA;
  --card-border: #E8EDF2;
  --card-border-alt: #E4EAF0;
  --text-body: #102A43;
  --text-muted: #62748A;
  --text-faint: #8A98A6;
  --text-faint-alt: #9AA8B5;

  --pill-in-progress-bg: #E5EFFB;   --pill-in-progress-fg: #1462B8;
  --pill-ready-to-bill-bg: #E2F4EA; --pill-ready-to-bill-fg: #1F8B4D;
  --pill-awaiting-parts-bg: #FBEFD8; --pill-awaiting-parts-fg: #B5790C;
  --pill-on-hold-bg: #FBE6E6;       --pill-on-hold-fg: #C23A3A;
  --pill-scheduled-bg: #EAEEF2;     --pill-scheduled-fg: #5A6B7B;
  --pill-hauled-bg: #E3E9F1;        --pill-hauled-fg: #143B63;

  --font-display: 'Archivo', system-ui, sans-serif;
  --font-body: 'Public Sans', system-ui, sans-serif;
  --font-mono: 'Spline Sans Mono', monospace;

  --radius-card: 14px;
  --radius-frame: 18px;
  --radius-control: 10px;
  --radius-pill: 999px;

  --shadow-card: 0 6px 22px rgba(16,42,67,.05);
  --shadow-frame: 0 24px 60px rgba(16,42,67,.14);
  --shadow-popover: 0 30px 70px rgba(10,33,53,.4);

  --rail-width: 236px;
  --topbar-height: 62px;

  /* Daily Log status pills (design_handoff_dailylog_calendar_tides) */
  --status-info-bg: #E5EFFB;    --status-info-fg: #1462B8;
  --status-success-bg: #E2F4EA; --status-success-fg: #1F8B4D;
  --status-amber-bg: #FFF4E2;   --status-amber-fg: #B7791F;
  --status-danger-bg: #FBEDEC;  --status-danger-fg: #B03030;
  --status-neutral-bg: #EEF2F6; --status-neutral-fg: #5A6B7B;

  /* Docked panel shell (Tide / Calendar) */
  --panel-header-gradient: linear-gradient(180deg, #0C2C49, #0E3352);
  --panel-radius: 16px;

  /* Op Codes settings tab (design handoff "Op Code Editor") */
  --text-secondary: #3D4F60;
  --teal-text: #0E7C73;
  --teal-tint: #EAF5F3;
  --teal-tint-soft: #F7FAF9;
  --teal-tint-soft-alt: #F5FAF9;
  --faint: #B6C1CC;
  --divider: #F1F4F7;
  --amber-tint: #FBEFD8;
  --amber-bg: #FFF9EE;
  --amber-border: #F3E3C4;
  --red-border: #F2D7D5;
  --editor-col-bg: #FBFCFD;
}