/*
Theme Name: Freedom Digital Theme
Theme URI: https://yourwebsite.com/
Author: Your Name
Author URI: https://yourwebsite.com/
Description: A classic, Bootstrap 5-based, Beaver Builder-ready theme for easy template creation.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: freedom-digital-theme
Tags: bootstrap, beaver builder, classic theme, responsive, customizable
*/

:root {
  --primary: #0057b8;
  --secondary: #6c757d;
  --accent: #f9a825;
  --text-color: #222;
  --background: #fff;
  --button-primary-bg: var(--primary);
  --button-secondary-bg: var(--secondary);
  --button-accent-bg: var(--accent);
  --body-font: 'InterVariable', Arial, sans-serif;
  --heading-font: 'InterVariable', Arial, sans-serif;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-sm: 0.875rem;
}

body {
  font-family: var(--body-font);
  color: var(--text-color);
  background: var(--background);
  font-size: var(--font-size-base);
  margin:0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
}

.btn-primary-custom {
  background: var(--button-primary-bg);
  color: #fff;
  border: none;
}
.btn-primary-custom:hover {
  background: #003974;
}

.btn-secondary-custom {
  background: var(--button-secondary-bg);
  color: #fff;
  border: none;
}
.btn-secondary-custom:hover {
  background: #545b62;
}

.btn-accent-custom {
  background: var(--button-accent-bg);
  color: #fff;
  border: none;
}
.btn-accent-custom:hover {
  background: #c17900;
}

/* Bootstrap overrides and custom styles here */

.fd-logo img{max-height:80px}
.fd-header-elegant {
    border-bottom: 1px solid rgba(0,0,0,0.06);
    background: #fff;
}
.fd-header-elegant .fd-menu a {
    font-weight: 500;
    color: var(--primary);
}
.fd-header-elegant .fd-menu a:hover {
    color: var(--secondary);
}
.fd-header-elegant .fd-social-icon {
    font-size: 0.85rem;
    padding: 4px 6px;
    background: var(--primary);
    color: white;
    border-radius: 4px;
}
.fd-header-elegant .fd-social-icon:hover {
    background: var(--secondary);
}