/**
 * Custom variables - Groovi Theme Style
 */
:root {
  /* Groovi Color Palette */
  --groovi-primary: #c8a165;        /* Gold/Amber accent */
  --groovi-primary-dark: #b8914f;   /* Darker gold */
  --groovi-secondary: #222222;       /* Dark text/buttons */
  --groovi-text: #333333;            /* Body text */
  --groovi-text-light: #666666;      /* Light text */
  --groovi-text-muted: #999999;      /* Muted text */
  --groovi-white: #ffffff;
  --groovi-light-bg: #f8f8f8;        /* Light background */
  --groovi-border: #eeeeee;          /* Border color */
  --groovi-dark-bg: #1a1a1a;         /* Footer dark background */
  
  /* Button styling */
  --global-btn-radius: 0px; /* Groovi uses square buttons */
  --global-border-radius: 5px;
  
  /* Palette mappings */
  --global-palette-highlight: var(--groovi-primary); 
  --global-palette-highlight-alt: var(--groovi-primary-dark);
  --global-palette-highlight-alt2: var(--groovi-secondary);
  --global-palette-btn-bg: var(--groovi-secondary);
  --global-palette-btn-bg-hover: var(--groovi-primary);
  --global-palette-btn: var(--groovi-white);
  --global-palette-btn-hover: var(--groovi-white);
  
  /* Typography */
  --global-body-font-family: 'Jost', sans-serif;
  --global-heading-font-family: 'Jost', sans-serif;
  --global-fallback-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* Layout */
  --global-content-width: 1650px;
  --global-content-narrow-width: 842px;
  --global-container-padding: 15px;
  --global-row-margin: -15px;
  --global-content-boxed-padding: 30px;
  
  /* Transitions */
  --groovi-transition: all 0.3s ease;
  --groovi-transition-slow: all 0.5s ease;
  
  /* Shadows */
  --groovi-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --groovi-shadow-md: 0 5px 15px rgba(0, 0, 0, 0.1);
  --groovi-shadow-lg: 0 15px 30px rgba(0, 0, 0, 0.12);
}

.row {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 0;
}

/* Utility classes using CSS variables */
.text-primary { color: var(--groovi-primary) !important; }
.bg-primary { background-color: var(--groovi-primary) !important; }
.border-primary { border-color: var(--groovi-primary) !important; }