/* TradeLift Local — brand palette (subject-derived: navy + safety orange) */
:root,
[data-theme='light'] {
  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-surface-2: #fbfcfe;
  --color-surface-offset: #eaeef3;
  --color-divider: #dde2ea;
  --color-border: #cbd3df;

  --color-text: #121826;
  --color-text-muted: #525c70;
  --color-text-faint: #8a93a3;

  --color-navy: #16233c;
  --color-navy-deep: #0e1828;

  --color-primary: #c2410c;       /* safety orange, button bg */
  --color-primary-hover: #9a3412;
  --color-primary-active: #7c2d12;
  --color-accent: #f59e0b;        /* review stars / highlights */
  --color-success: #15803d;

  --shadow-sm: 0 1px 2px oklch(0.2 0.02 250 / 0.06);
  --shadow-md: 0 6px 20px oklch(0.2 0.02 250 / 0.10);
  --shadow-lg: 0 24px 56px oklch(0.2 0.02 250 / 0.16);
}

[data-theme='dark'] {
  --color-bg: #0e1421;
  --color-surface: #141b2b;
  --color-surface-2: #182031;
  --color-surface-offset: #1a2233;
  --color-divider: #232e44;
  --color-border: #2c3953;

  --color-text: #e4e9f2;
  --color-text-muted: #9aa6bd;
  --color-text-faint: #5f6b80;

  --color-navy: #1b2640;
  --color-navy-deep: #0c121f;

  --color-primary: #f97316;
  --color-primary-hover: #fb923c;
  --color-primary-active: #fdba74;
  --color-accent: #fbbf24;
  --color-success: #4ade80;

  --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.3);
  --shadow-md: 0 6px 20px oklch(0 0 0 / 0.4);
  --shadow-lg: 0 24px 56px oklch(0 0 0 / 0.55);
}