/* ---- Copper & Brass Theme (Electric Motor Deep Dive) ---- */
/* Light cream background, burnt orange/yellow accents, Bebas Neue display */
:root {
  --page-bg: #FFFBF5;
  --page-bg-gradient: linear-gradient(160deg, #FFFBF5 0%, #FFF5EB 50%, #FEF0E0 100%);
  --pattern-image: repeating-linear-gradient(45deg, #D35400 0, #D35400 1px, transparent 1px, transparent 20px);
  --pattern-opacity: 0.03;

  /* Blobs: top-left and bottom-right (matches original) */
  --orb1-bg: radial-gradient(circle, rgba(211,84,0,.12) 0%, transparent 70%);
  --orb1-top: -50px; --orb1-right: auto; --orb1-size: 240px;
  --orb2-bg: radial-gradient(circle, rgba(241,196,15,.1) 0%, transparent 70%);
  --orb2-bottom: 80px; --orb2-left: auto; --orb2-size: 200px;

  --font-display: 'Bebas Neue', sans-serif;
  --font-body: 'Source Sans 3', sans-serif;
  --font-mono: 'Source Sans 3', sans-serif;

  --text-primary: #2C3E50;
  --text-heading: #2C3E50;
  --text-secondary: #555;
  --text-muted: #7F8C8D;
  --text-secondary-dark: #4A4A4A;

  --accent-1: #D35400;
  --accent-1-dark: #A04000;
  --accent-2: #E67E22;
  --accent-2-dark: #CA6F1E;
  --accent-3: #F1C40F;
  --accent-3-dark: #B7950B;
  --accent-4: #27AE60;
  --accent-4-dark: #1E8449;

  --card-bg: #fff;
  --card-border: 1.5px solid rgba(0,0,0,.04);
  --card-border-color: rgba(0,0,0,.04);
  --card-radius: 12px;
  --card-shadow: 0 2px 10px rgba(0,0,0,.04);
  --card-accent-dir: 90deg;

  --card-dark-bg: linear-gradient(135deg, #FDE8D8, #FCF3CF);
  --card-dark-text: #2C3E50;
  --card-dark-title: #D35400;
  --card-dark-body: #666;

  --highlight-bg: linear-gradient(135deg, #FDE8D8, #FCF3CF);
  --highlight-border-color: #D35400;
  --highlight-border-width: 2px;

  --badge-bg: #fff;
  --badge-border-color: #D35400;
  --badge-border-width: 2px;
  --badge-text: #A04000;

  --dot-radius: 2px;

  /* Square bullet markers with orange border */
  --bullet-color: #FDE8D8;
  --bullet-radius: 2px;
  --bullet-opacity: 1;

  --step-radius: 50%;
  --step-1-color: #D35400;
  --step-2-color: #E67E22;
  --step-3-color: #F1C40F;
  --step-4-color: #D35400;

  --tag-bg-1: #FDE8D8; --tag-color-1: #A04000;
  --tag-bg-2: #FCF3CF; --tag-color-2: #7D6608;
  --tag-bg-3: #D5F5E3; --tag-color-3: #1E8449;
  --tag-bg-4: #FDE8D8; --tag-color-4: #A04000;

  --chip-bg: #FDE8D8;
  --chip-color: #A04000;
  --chip-border: rgba(211,84,0,.2);

  --glow-bg-1: #FDE8D8;
  --glow-bg-2: #FCF3CF;
  --glow-border: #D35400;

  --cta-border: #E8D5C4;
  --btn-bg: linear-gradient(135deg, #D35400, #E67E22);
  --btn-text: #fff;
  --btn-font-size: 15px;
  --btn-radius: 24px;
  --btn-shadow: 0 3px 10px rgba(211,84,0,.25);
  --btn-letter-spacing: 2px;
  --btn-transform: uppercase;

  --title-size: 56px;
  --title-weight: 400;
  --title-letter-spacing: 0;
  --tagline-size: 15px;
  --tagline-weight: 300;
  --card-title-size: 17px;
  --card-title-transform: uppercase;
  --card-title-spacing: 1px;
  --brand-weight: 700;
}

/* Copper blobs: top-left and bottom-right */
.orb-1 { right: auto; left: -30px; }
.orb-2 { left: auto; right: -40px; }

/* Copper theme uses a dashed CTA border */
.flyer-cta {
  border-top-style: dashed;
  border-top-width: 2px;
}

/* Bullet markers: small square with orange border (matches original) */
.card li::before {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  border: 2px solid #D35400;
  background: #FDE8D8;
  top: 6px;
  opacity: 1;
}