/**
 * Theme Variables - CUSTOMIZE PER CLIENT
 * =====================================
 *
 * This file defines client-specific branding. It is loaded FIRST so that
 * core styles (base.css) can reference these variables.
 *
 * CSS Loading Order (defined in base_head.njk):
 * 1. Bootstrap CSS (framework defaults)
 * 2. theme/variables.css (THIS FILE - brand colors, fonts)
 * 3. core/base.css (shared styles using theme variables)
 * 4. theme/overrides.css (client-specific tweaks)
 * 5. Page-specific CSS (optional)
 *
 * Current Client: Ctrl-Shift Exchange
 * Brand: Blue (#1863dc) with light cyan accent (#3cbdee)
 * Fonts: Inter (headings, closest to Helvetica Neue LT Pro) + Zilla Slab (body, closest to Archer Pro)
 * Reference: https://www.ctrl-shift.co.uk/
 *   - ctrl-shift.co.uk uses sans-serif (Helvetica Neue) for headings, serif (Archer Pro) for body
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Zilla+Slab:wght@300;400;500;600;700&display=swap");

:root {
  /* Logo sizing - taller than default to suit Ctrl-Shift Exchange logo */
  --theme-logo-height: 40px;

  /* Primary brand color - Blue */
  --theme-primary: #1863dc;
  --theme-primary-hover: #0056a7;
  --theme-primary-light: rgba(24, 99, 220, 0.1);

  /* Accent color - Light cyan */
  --theme-accent: #3cbdee;

  /* Typography (matches ctrl-shift.co.uk pattern)
   * Headings: Helvetica Neue LT Pro (commercial) → Inter (Google Fonts, neo-grotesque sans)
   * Body:     Archer Pro (commercial) → Zilla Slab (Google Fonts, geometric slab serif) */
  --theme-font-primary:
    "Inter", "Helvetica Neue LT Pro", ui-sans-serif, system-ui, sans-serif;
  --theme-font-body: "Zilla Slab", "Archer Pro", Georgia, serif;
  --theme-font-heading:
    "Inter", "Helvetica Neue LT Pro", ui-sans-serif, system-ui, sans-serif;

  /* Text colors */
  --theme-text-primary: #212121;
  --theme-text-muted: #6c757d;
  --theme-text-heading: #212121;

  /* Backgrounds */
  --theme-bg-body: #ffffff;
  --theme-bg-card: #ffffff;
  --theme-bg-nav: #ffffff;

  /* Borders */
  --theme-border-color: #dee2e6;
  --theme-border-radius: 0.375rem;
}

/* Dark mode overrides
 * Primary switches to brand cyan (#3cbdee) for readability on dark backgrounds
 * and to tie the product to the ctrl-shift.co.uk parent brand identity */
[data-bs-theme="dark"] {
  /* Primary colors - brand cyan for dark mode */
  --theme-primary: #3cbdee;
  --theme-primary-hover: #5dd0f5;
  --theme-primary-light: rgba(60, 189, 238, 0.15);

  /* Accent - brighter blue (complement to cyan primary) */
  --theme-accent: #5a9cf5;

  /* Text colors */
  --theme-text-primary: #e8e8e8;
  --theme-text-muted: #a0a0a0;
  --theme-text-heading: #f0f0f0;

  /* Background colors */
  --theme-bg-body: #1a2235;
  --theme-bg-card: #242b3d;
  --theme-bg-nav: #151a28;

  /* Border colors */
  --theme-border-color: #3a4258;

  /* Secondary - for links and accents */
  --theme-secondary: #5dd0f5;
}