:root {
  --ink: #0E3D52;
  --navy: #0E3D52;
  --ink-edge: rgba(14, 61, 82, 0.22);
  --primary: #1B6FB8;
  --primary-soft: #EDF3F9;
  --primary-soft-2: #E8F1F8;
  --primary-soft-3: #DFEBF5;
  --primary-edge: rgba(27, 111, 184, 0.22);
  --sea: #3F8E94;
  --sea-soft: #F0F6F6;
  --go: #2D8A4E;
  --go-soft: #E5F2E8;
  --go-edge: rgba(45, 138, 78, 0.35);
  --alert: #B53A2A;
  --alert-soft: #FBE9E5;

  --fog: #F4F6F8;
  --paper: #FFFFFF;
  --paper-translucent: rgba(255, 255, 255, 0.92);
  --hairline: rgba(14, 61, 82, 0.10);
  --divider: rgba(14, 61, 82, 0.08);
  --track: rgba(10, 21, 32, 0.10);
  --scrim: rgba(14, 61, 82, 0.55);

  --text: #0E3D52;
  --text-dim: #5B7280;
  --text-mute: #5C6E7B;
  --text-on-dark: #FFFFFF;
  --text-dim-on-dark: rgba(255, 255, 255, 0.7);
  --label: #0E3D52;

  --glass: rgba(255, 255, 255, 0.10);
  --glass-edge: rgba(255, 255, 255, 0.18);
  --glass-active: rgba(255, 255, 255, 0.18);
  --glass-edge-active: rgba(255, 255, 255, 0.30);

  --sh-soft: 0 1px 2px rgba(14, 61, 82, 0.04);
  --sh-card: 0 8px 24px rgba(14, 61, 82, 0.12), 0 1px 2px rgba(14, 61, 82, 0.06);
  --sh-float: 0 24px 64px rgba(14, 61, 82, 0.30);
  --sh-sheet: 0 -16px 48px rgba(14, 61, 82, 0.22);
  --sh-bar: 0 -12px 16px -12px rgba(14, 61, 82, 0.18);
  --sh-primary: 0 8px 24px rgba(27, 111, 184, 0.25);
  --sh-inset: inset 0 -2px 0 rgba(0, 0, 0, 0.25);
  --sh-glyph-on-dark: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
  --sh-glyph: drop-shadow(0 1px 1px rgba(14, 61, 82, 0.14));
}