/* Customer order entry brand tokens: teal/emerald, store-and-stock feel. */
:root {
  --font-head: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --p: #0d9488;
  --p-deep: #065f46;
  --a: #f59e0b;
  --on-p: #ffffff;
  --p-text: #0f766e;
  --p-soft: rgba(13, 148, 136, 0.12);
  --p-line: rgba(13, 148, 136, 0.35);
  --p-shadow: rgba(13, 148, 136, 0.5);
  --grad: linear-gradient(135deg, #0d9488 0%, #065f46 100%);
  --grad-text: linear-gradient(100deg, #0d9488 10%, #f59e0b 90%);

  --bg: #f6faf9;
  --bg-alt: #eef7f4;
  --surface: #ffffff;
  --text: #192421;
  --heading: #0f2420;
  --muted: #536b63;
  --line: #e0ede8;
  --line-strong: #c7dcd3;
  --radius: 20px;
  --btn-radius: 999px;

  --glass: rgba(255, 255, 255, 0.72);
  --glass-line: rgba(255, 255, 255, 0.7);

  --hdr-bg: rgba(255, 255, 255, 0.62);
  --hdr-bg-solid: rgba(255, 255, 255, 0.98);
  --hdr-line: rgba(255, 255, 255, 0.8);
  --hdr-text: #0f2420;
  --hdr-muted: #536b63;
  --hdr-hover: rgba(13, 148, 136, 0.08);

  --hero-bg: linear-gradient(135deg, #e6f7f3 0%, #eafaf3 38%, #fff7e6 72%, #fff0d6 100%);
  --hero-text: #0f2420;
  --hero-muted: #445750;
  --blob-1: rgba(13, 148, 136, 0.45);
  --blob-2: rgba(245, 158, 11, 0.4);
  --blob-3: rgba(6, 95, 70, 0.35);
  --grid-line: rgba(13, 148, 136, 0.11);
  --fx-1: #0d9488;
  --fx-2: #2dd4bf;
  --fx-3: #f59e0b;
  --chip-bg: rgba(255, 255, 255, 0.7);
  --chip-text: #0f2420;
  --chip-line: rgba(255, 255, 255, 0.9);

  --marquee-bg: #ffffff;

  --dark-bg: radial-gradient(120% 90% at 10% 0%, #0b4c43 0%, #053b32 45%, #042923 100%);
  --dark-text: #d7f3ea;
  --dark-muted: #a6c9bd;
  --dark-card: rgba(255, 255, 255, 0.06);
  --dark-line: rgba(255, 255, 255, 0.12);

  --foot-bg: #042923;
  --foot-text: #cdeadf;
  --foot-muted: #8cb5a7;
  --foot-line: rgba(255, 255, 255, 0.1);
}

/* Customer order entry touches */
.brand img { background: #fff; }
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
.sec-dark .eyebrow, .foot h4 { color: #8fe0cf; }
.step::before { color: var(--a); }