/* Pylon Elemental -- Option A: "Signal" (evolution of the 2020-2022 store look)
   Google Fonts used: Barlow Condensed (display), Inter (body), Space Mono (mono/prices) */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  --pe-bg: #F6F7FB;
  --pe-surface: #FFFFFF;
  --pe-surface-2: #ECEFF5;
  --pe-text: #1B1E27;
  --pe-text-muted: #5B6270;
  --pe-border: #DADFE8;
  --pe-accent: #0466AF;
  --pe-accent-contrast: #FFFFFF;
  --pe-accent-2: #FF8417;
  --pe-success: #1F9D55;
  --pe-warning: #C97F0E;
  --pe-danger: #E5484D;
  --pe-radius: 14px;
  --pe-radius-sm: 8px;
  --pe-shadow: 0 8px 24px rgba(11, 30, 60, 0.10);
  --pe-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --pe-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --pe-font-mono: 'Space Mono', 'Courier New', monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pe-bg: #0E1220;
    --pe-surface: #171B2C;
    --pe-surface-2: #1F2438;
    --pe-text: #EDEFF7;
    --pe-text-muted: #A6ACC0;
    --pe-border: #2A3049;
    --pe-accent: #0275BF;
    --pe-accent-contrast: #FFFFFF;
    --pe-accent-2: #FFB218;
    --pe-success: #3DBE7A;
    --pe-warning: #E2A93B;
    --pe-danger: #FF6B6F;
    --pe-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
  }
}

:root[data-theme="dark"] {
  --pe-bg: #0E1220;
  --pe-surface: #171B2C;
  --pe-surface-2: #1F2438;
  --pe-text: #EDEFF7;
  --pe-text-muted: #A6ACC0;
  --pe-border: #2A3049;
  --pe-accent: #0275BF;
  --pe-accent-contrast: #FFFFFF;
  --pe-accent-2: #FFB218;
  --pe-success: #3DBE7A;
  --pe-warning: #E2A93B;
  --pe-danger: #FF6B6F;
  --pe-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}