/* ============================================
   THEME: We Build Trades (WBT)
   ============================================
   This file contains ALL brand-specific values.
   To swap brands (e.g. Agency Disrupt), create a
   new theme-<brand>.css with the same variables
   and change the <link> in index.html.
   ============================================ */

:root {
  /* Backgrounds */
  --bg-primary: #071e26;
  --bg-secondary: #0a2832;
  --bg-nav-scrolled: rgba(7, 30, 38, 0.8);

  /* Brand accent (primary) */
  --accent: #2fd7d2;
  --accent-light: #5ae8e4;
  --accent-dark: #042c37;
  --accent-rgb: 47, 215, 210;

  /* CTA colour (secondary — orange for WBT) */
  --cta-orange: #f7630c;
  --cta-orange-light: #f98035;
  --cta-orange-rgb: 247, 99, 12;

  /* Derived tints (auto from --accent-rgb) */
  --bg-card: rgba(var(--accent-rgb), 0.04);
  --bg-card-hover: rgba(var(--accent-rgb), 0.08);
  --border-subtle: rgba(var(--accent-rgb), 0.08);
  --border-medium: rgba(var(--accent-rgb), 0.15);
  --accent-glow: rgba(var(--accent-rgb), 0.12);
  --cta-orange-glow: rgba(var(--cta-orange-rgb), 0.18);

  /* Text colours */
  --text-primary: #f0f5f5;
  --text-secondary: rgba(240, 245, 245, 0.65);
  --text-tertiary: rgba(240, 245, 245, 0.4);

  /* Logo */
  --logo-url: url('https://webuildtrades.com/wp-content/uploads/logo-white-1.png');
  --logo-width: 140px;
  --logo-height: 28px;

  /* Brand name (used in aria-labels etc. via content property if needed) */
  --brand-name: 'We Build Trades';
}