/* Mini Electronics design foundation — Phase 1. Tokens only; component redesign follows in later phases. */
:root {
  --ggb-ivory: #f3f7fb;
  --ggb-cream: #ffffff;
  --ggb-peach: #e9f2f8;
  --ggb-peach-soft: #e6f1f6;
  --ggb-orange: #0e7490;
  --kpk-ui-red: var(--kpk-primary, #07546C);
  --kpk-ui-red-dark: var(--kpk-primary-hover, #043C4D);
  --ggb-orange-accessible: #07546c;
  --ggb-charcoal: #14243a;
  --ggb-muted: #52657a;
  --ggb-border: #d7e2ec;
  --ggb-shadow-sm: 0 4px 14px rgba(54, 39, 28, .07);
  --ggb-shadow-md: 0 12px 32px rgba(54, 39, 28, .11);
  --ggb-radius-sm: 10px;
  --ggb-radius-md: 16px;
  --ggb-radius-lg: 22px;
  --ggb-font-display: Georgia, 'Times New Roman', serif;
  --ggb-font-body: Arial, Helvetica, sans-serif;
}
html { background: var(--ggb-ivory); }
body { background-color: var(--ggb-ivory); color: var(--ggb-charcoal); font-family: var(--ggb-font-body); }
h1, h2, h3, h4, h5, h6 { color: var(--ggb-charcoal); font-family: var(--ggb-font-display); }
:where(a, button, input, select, textarea):focus-visible { outline-color: var(--ggb-orange-accessible); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}