/**
 * CSS VARIABLES
 * Global CSS custom properties for colors, spacing, and theming
 */

:root {
    --primary-color: #008080; /* Primary color */
    --bs-primary: #008080;
    --background-color: #FFFFFF; /* Background color - Clean White */
    --content-background-color: #FAFAFA; /* Content area background color - Very Light Gray */
    --form-text-color: #005D84; /* Form control text color */
    --placeholder-color: #008080; /* Placeholder text color */
}

/* Primary color usage */
.text-primary {
    color: var(--primary-color) !important;
}

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

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

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.feature .feature-item {
    border-color: var(--primary-color) !important;
}

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

.text-testimonial-star{
    color: #FFD700 !important;
}

.text-physioheld-color-1-50 {
    color: rgba(0, 128, 128, 0.5) !important;
}