/* Aurora design tokens: the category standard of the big home and building stores, bright and warm.
   White page, soft neutral surfaces, ambient photography; warm orange for buying, friendly blue for links,
   red only for sale. The layout prints admin overrides in <style id="theme-vars">. */
:root {
  --c-ink: #1f2328;            /* text and dark surfaces (footer) */
  --c-ink-2: #2d333b;
  --c-ink-text: #c9d1d9;       /* text on dark surfaces */
  --c-brand: #1c64b4;          /* identity, links, focus, selected states */
  --c-brand-ink: #ffffff;
  --c-brand-hover: #16559a;
  --c-brand-soft: #e8f0fa;
  --c-action: #c43d0a;         /* buy buttons: add to cart, checkout, place order */
  --c-action-ink: #ffffff;
  --c-action-hover: #a83408;
  --c-accent: var(--c-action);
  --c-accent-ink: var(--c-action-ink);
  --c-accent-soft: #fdeee6;
  --c-shell: #ffffff;          /* header background */
  --c-shell-edge: #e6e8eb;
  --c-plate: #f3f4f6;          /* specification panels */
  --c-bg: #ffffff;
  --c-text: #1f2328;
  --c-muted: #5c6670;          /* 5.9:1 on white */
  --c-surface: #f5f6f7;
  --c-surface-2: #eceef1;
  --c-border: #e2e5e9;
  --c-border-strong: #c3c9d0;
  --c-link: var(--c-brand);
  --c-success: #1e7a3a;
  --c-success-dot: #2f9e44;
  --c-success-soft: #e7f6ec;
  --c-danger: #c92a2a;
  --c-danger-soft: #fdecec;
  --c-warning: #8f5300;
  --c-warning-soft: #fff4e0;
  --c-info: #1c64b4;
  --c-info-soft: #e8f0fa;
  --c-sale: #d62828;
  --c-star: #f59f00;
  --c-dark: var(--c-ink);
  --c-dark-ink: var(--c-ink-text);

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --container: 1440px;
  --gutter: 16px;
  --header-h: 128px;
  --rule: 1px solid var(--c-border);
  --rule-ink: 1px solid var(--c-border-strong);

  --font-body: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-heading: var(--font-body);
  --text-base: 16px;
  --heading-weight: 800;
  --nav-transform: none;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --z-sticky: 50; --z-dropdown: 80; --z-sticky-bar: 120; --z-drawer: 200; --z-toast: 300;

  --shadow-sm: 0 1px 3px rgba(31, 35, 40, .08);
  --shadow: 0 8px 24px -10px rgba(31, 35, 40, .22);
  --shadow-lg: 0 20px 48px -16px rgba(31, 35, 40, .3);
  --focus: 0 0 0 3px color-mix(in srgb, var(--c-brand) 35%, transparent);
  --ease: cubic-bezier(.16, 1, .3, 1);
  color-scheme: light;
}
@media (min-width: 768px) { :root { --gutter: 24px; } }
@media (min-width: 1280px) { :root { --gutter: 32px; } }

@media (prefers-color-scheme: dark) {
  :root[data-color-mode="auto"]:not([data-theme="light"]) {
    --c-bg: #111418; --c-text: #e6e9ed; --c-muted: #a1aab4; --c-surface: #181c21; --c-surface-2: #20252b; --c-border: #2c323a; --c-border-strong: #454d57;
    --c-shell: #15191e; --c-shell-edge: #2c323a; --c-plate: #1c2026; --c-brand: #6aa7ee; --c-brand-ink: #0b0f14; --c-brand-soft: #172338; --c-link: #6aa7ee;
    --c-success: #6cc485; --c-success-soft: #132a1b; --c-danger: #f28b8b; --c-danger-soft: #2e1515; --c-warning: #f2b55c; --c-warning-soft: #2c2111; --c-info: #6aa7ee; --c-info-soft: #172338; --c-sale: #f28b8b; --c-accent-soft: #2c1a12;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --c-bg: #111418; --c-text: #e6e9ed; --c-muted: #a1aab4; --c-surface: #181c21; --c-surface-2: #20252b; --c-border: #2c323a; --c-border-strong: #454d57;
  --c-shell: #15191e; --c-shell-edge: #2c323a; --c-plate: #1c2026; --c-brand: #6aa7ee; --c-brand-ink: #0b0f14; --c-brand-soft: #172338; --c-link: #6aa7ee;
  --c-success: #6cc485; --c-success-soft: #132a1b; --c-danger: #f28b8b; --c-danger-soft: #2e1515; --c-warning: #f2b55c; --c-warning-soft: #2c2111; --c-info: #6aa7ee; --c-info-soft: #172338; --c-sale: #f28b8b; --c-accent-soft: #2c1a12;
  color-scheme: dark;
}