/* theme.css — CSS custom properties derived from brand.json (BestAntivirusFor)
 * These are the single source of truth for colors, spacing, and typography.
 * base.css references these vars exclusively — never hardcode values in base.css.
 */

:root {
  /* ── Brand colors ── */
  --color-primary:       #F6821F;
  --color-primary-dark:  #C56A18;
  --color-accent:        #F6821F;   /* CTA / interactive — same orange */
  --color-accent-hover:  #C56A18;
  --color-trust:         #2D9B4F;   /* green — trust signals, checkmarks */

  /* ── Backgrounds ── */
  --color-bg:            #F8F8F8;
  --color-bg-alt:        #F3F4F6;
  --color-bg-card:       #FFFFFF;
  --color-bg-dark:       #1D1D1D;   /* hero dark background */

  /* ── Text ── */
  --color-text:          #1D1D1D;
  --color-text-muted:    #6B7280;
  --color-text-inverse:  #FFFFFF;

  /* ── Borders & shadows ── */
  --color-border:        #E5E7EB;
  --shadow-sm:           0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:           0 1px 3px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.05);
  --shadow-lg:           0 4px 20px rgba(0,0,0,0.10);

  /* ── Radius ── */
  --radius-sm:           4px;
  --radius-md:           8px;
  --radius-lg:           12px;
  --radius-full:         9999px;

  /* ── Spacing (4px base scale) ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* ── Typography ── */
  --font-body:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'Fira Code', 'Cascadia Code', Consolas, monospace;
}

/* Apply font defaults */
body {
  font-family: var(--font-body);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  line-height: 1.2;
  font-weight: 700;
}