/**
 * @file
 * Color module styles for Patnis V3 theme.
 */

/* Color module variables */
:root {
  --color-base: #FFF8EE;
  --color-primary: #2A5E4A;
  --color-secondary: #F1B01D;
  --color-accent: #FF9068;
  --color-highlight: #8E9DFF;
  --color-text: #000000;
  --color-link: #2A5E4A;
  --color-link-hover: #1a3d2f;
  --color-navbar: #2A5E4A;
  --color-navbar-text: #ffffff;
  --color-navbar-hover: #1a3d2f;
  --color-navbar-active: #ffffff;
  --color-sidebar: #f8f9fa;
  --color-sidebar-text: #333333;
  --color-footer: #2A5E4A;
  --color-footer-text: #ffffff;
}

/* Body and page background */
body,
#page,
#main-wrapper {
  background-color: var(--color-base);
  color: var(--color-text);
}

/* Header and navigation */
#navbar-main,
.navbar {
  background-color: var(--color-navbar);
}

.navbar-nav .nav-link {
  color: var(--color-navbar-text);
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: var(--color-navbar-hover);
}

.navbar-nav .nav-link.active {
  color: var(--color-navbar-active);
}

/* Links */
a,
.link {
  color: var(--color-link);
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: var(--color-link-hover);
}

/* Buttons */
.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--color-link-hover);
  border-color: var(--color-link-hover);
}

/* Footer */
.site-footer {
  background-color: var(--color-footer);
  color: var(--color-footer-text);
}

/* Sidebar */
.sidebar .block {
  background-color: var(--color-sidebar);
  color: var(--color-sidebar-text);
}

/* Accent colors for special elements */
.accent-yellow {
  color: var(--color-secondary);
}

.accent-orange {
  color: var(--color-accent);
}

.accent-purple {
  color: var(--color-highlight);
}