/*
Theme Name: The Cambridge
Theme URI: https://saybrook-the-cambridge.local
Description: Custom child theme for Understrap - The Cambridge
Author: The Cambridge
Author URI: https://saybrook-the-cambridge.local
Template: understrap
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-cambridge
*/

/* Add your custom styles below this line */

/* ========================================
   CSS CUSTOM PROPERTIES (Variables)
   ======================================== */
:root {
  /* Custom Color Palette */
  --color-primary: #4A699A;
  --color-secondary: #836E59;
  --color-tertiary: #172E68;
  --color-accent: #D9B02B;

  /* Bootstrap Override Colors */
  --bs-primary: #4A699A;
  --bs-secondary: #836E59;
  --bs-info: #172E68;
  --bs-warning: #D9B02B;

  /* Typography */
  --font-body: 'Montserrat', sans-serif;
  --font-heading: 'Playfair Display', serif;
  --font-display: 'Pinyon Script', cursive;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */

/* Body Font - Montserrat */
body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.6;
}

/* Headlines and Titles - Playfair Display */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.entry-title,
.page-title,
.widget-title {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
}

/* Display Font - Pinyon Script */
.display-font,
.hero-title,
.signature,
.decorative-text {
  font-family: var(--font-display);
  font-weight: 400;
}

/* ========================================
   COLOR SYSTEM
   ======================================== */

/* Primary Color Applications */
.btn-primary,
.bg-primary {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

/* Secondary Color Applications */
.btn-secondary,
.bg-secondary {
  background-color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

/* Tertiary Color Applications */
.bg-tertiary {
  background-color: var(--color-tertiary) !important;
}

.text-tertiary {
  color: var(--color-tertiary) !important;
}

.btn-tertiary {
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary);
  color: #ffffff;
}

.btn-tertiary:hover {
  background-color: #0f1f4a;
  border-color: #0f1f4a;
}

/* Accent Color Applications */
.bg-accent {
  background-color: var(--color-accent) !important;
}

.text-accent {
  color: var(--color-accent) !important;
}

.btn-accent {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: #ffffff;
}

.btn-accent:hover {
  background-color: #c29f24;
  border-color: #c29f24;
}

/* Link Colors */
a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-tertiary);
}

/* ========================================
   NAVIGATION
   ======================================== */
.navbar {
  font-family: var(--font-body);
}

.navbar-brand {
  font-family: var(--font-display);
  font-size: 2rem;
}

/* ========================================
   BUTTONS
   ======================================== */
.btn {
  font-family: var(--font-body);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ========================================
   UTILITY CLASSES
   ======================================== */
.font-body {
  font-family: var(--font-body);
}

.font-heading {
  font-family: var(--font-heading);
}

.font-display {
  font-family: var(--font-display);
}