/*
  Client Theme: Novaré Injury Care
  Slug: novare

  Override base.css variables here.
  This file loads AFTER base.css in WordPress.

  Extracted from approved landing page:
  https://novareinjurycare.com/lp/auto-accident-chiro/
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');

:root {
  /* Brand Colors */
  --color-primary: #18293f;
  --color-primary-hover: #1e3452;
  --color-primary-darker: #0e1b2e;
  --color-secondary: #41beea;
  --color-secondary-hover: #2eaad6;
  --color-accent: #41beea;
  --color-bg: #ffffff;
  --color-bg-alt: #f5f7fa;
  --color-bg-dark: #18293f;
  --color-text: #333333;
  --color-text-light: #5a6270;
  --color-text-on-dark: #ffffff;
  --color-text-muted: #8a8f99;
  --color-border: #dfe3e8;
  --color-link: #41beea;
  --color-link-hover: #2eaad6;
  --color-blue-tint: rgba(0, 136, 255, 0.2);

  /* Typography */
  --font-heading: 'Archivo', sans-serif;
  --font-body: -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-size-h1: 48px;
  --font-size-h2: 32px;
  --font-size-h3: 22px;
  --font-weight-h1: 700;
  --font-weight-h2: 600;
  --font-weight-h3: 500;

  /* Buttons */
  --btn-radius: 10px;
  --btn-padding: 15px 20px;
  --btn-font-size: 20px;
}