/* Linebooker design tokens — the client design system, ported byte-for-byte from the
   Linebooker Finance build's theme/tokens.css (brand triad + canvas/surface/type). */
:root {
  /* Linebooker brand triad — petrol blue (primary), lime (matched/pass), orange (attention) */
  --brand: #005e85;
  --brand-d: #00496a;
  --brand-l: #0a7cac;
  --green: #6baa2c;
  --green-d: #56901f;
  --accent: #f5821f;
  --accent-d: #e06f12;

  --bg: #f4f5f7;
  --surface: #ffffff;
  --surface2: #f1f3f6;
  --surface3: #e9edf2;
  --border: #e2e6eb;
  --border2: #edeff3;
  --text: #28323c;
  --muted: #69737d;
  --faint: #94a0ac;

  --amber: #e0a400;
  --amber-d: #b5840a;
  --red: #d64545;
  --red-d: #b23232;

  --radius: 10px;
  --radius-sm: 7px;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 14px rgba(16, 24, 40, 0.06);
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);

  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'SF Mono', 'JetBrains Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  --hero-gradient: linear-gradient(90deg, var(--brand) 0 58%, var(--green) 58% 82%, var(--accent) 82% 100%);

  /* facet accent colors for sparklines */
  --f-fulfil: #0a7cac;
  --f-rel: #6baa2c;
  --f-ontime: #f5821f;
  --f-pod: #7c5cbf;
  --f-acc: #2a9d8f;
  --f-podtime: #c2585d;

  /* open-row + skeleton surfaces (dark-aware) */
  --surface-open: #fafbfc;
  --surface-open-hover: #f7f8fa;
  --skel-shine: rgba(255, 255, 255, 0.65);

  color-scheme: light;
}

[data-theme="dark"] {
  --brand: #2a9bc8;
  --brand-d: #7cc4e2;
  --brand-l: #3fb2e0;
  --green: #86c23e;
  --green-d: #9dd85c;

  --bg: #0e1319;
  --surface: #151c25;
  --surface2: #1a2230;
  --surface3: #232e3d;
  --border: #2a3646;
  --border2: #222c3a;
  --text: #dfe7ef;
  --muted: #97a5b5;
  --faint: #6b7a8c;

  --amber: #f0b429;
  --amber-d: #f5c95c;
  --red: #e05d5d;
  --red-d: #ea7d7d;

  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);

  --f-fulfil: #3fb2e0;
  --f-rel: #86c23e;
  --f-ontime: #f79a4a;
  --f-pod: #9d82d9;
  --f-acc: #45b8a9;
  --f-podtime: #d37a7f;

  --surface-open: #171f2a;
  --surface-open-hover: #1a232f;
  --skel-shine: rgba(255, 255, 255, 0.07);

  color-scheme: dark;
}