/* Lyra CMS - Static Generated Styles */

/* Dynamic Color Variables Generated Statically */
:root {
    --color-button-dark: #353535;
    --color-button-dark-hover: #3C6E71;
    --color-button-light: #FAFAFA;
    --color-button-light-hover: #3C6E71;
    --color-button-accent: #3C6E71;
    --color-button-accent-hover: #3C6E71;
    --color-text-light: #FAFAFA;
    --color-text-dark: #353535;
    --color-text-highlight: #219FA6;
    --color-text-on-accent: #FAFAFA;
    --color-base-background: #FAFAFA;
    --color-surface-light: #FAFAFA;
    --color-surface-dark: #353535;
    --color-surface-accent-light: #EBF2F4;
    --color-surface-accent-dark: #4A4A4A;
    --color-form-label-light: #FAFAFA;
    --color-form-text-light: #FAFAFA;
    --color-form-label-dark: #353535;
    --color-form-text-dark: #353535;
}

/* Color Utility Classes */
.bg-button-dark { background-color: #353535 !important; }
.text-button-dark { color: #353535 !important; }
.border-button-dark { border-color: #353535 !important; }
.bg-button-dark-hover { background-color: #3C6E71 !important; }
.text-button-dark-hover { color: #3C6E71 !important; }
.border-button-dark-hover { border-color: #3C6E71 !important; }
.bg-button-light { background-color: #FAFAFA !important; }
.text-button-light { color: #FAFAFA !important; }
.border-button-light { border-color: #FAFAFA !important; }
.bg-button-light-hover { background-color: #3C6E71 !important; }
.text-button-light-hover { color: #3C6E71 !important; }
.border-button-light-hover { border-color: #3C6E71 !important; }
.bg-button-accent { background-color: #3C6E71 !important; }
.text-button-accent { color: #3C6E71 !important; }
.border-button-accent { border-color: #3C6E71 !important; }
.bg-button-accent-hover { background-color: #3C6E71 !important; }
.text-button-accent-hover { color: #3C6E71 !important; }
.border-button-accent-hover { border-color: #3C6E71 !important; }
.bg-text-light { background-color: #FAFAFA !important; }
.text-text-light { color: #FAFAFA !important; }
.border-text-light { border-color: #FAFAFA !important; }
.bg-text-dark { background-color: #353535 !important; }
.text-text-dark { color: #353535 !important; }
.border-text-dark { border-color: #353535 !important; }
.bg-text-highlight { background-color: #219FA6 !important; }
.text-text-highlight { color: #219FA6 !important; }
.border-text-highlight { border-color: #219FA6 !important; }
.bg-text-on-accent { background-color: #FAFAFA !important; }
.text-text-on-accent { color: #FAFAFA !important; }
.border-text-on-accent { border-color: #FAFAFA !important; }
.bg-base-background { background-color: #FAFAFA !important; }
.text-base-background { color: #FAFAFA !important; }
.border-base-background { border-color: #FAFAFA !important; }
.bg-surface-light { background-color: #FAFAFA !important; }
.text-surface-light { color: #FAFAFA !important; }
.border-surface-light { border-color: #FAFAFA !important; }
.bg-surface-dark { background-color: #353535 !important; }
.text-surface-dark { color: #353535 !important; }
.border-surface-dark { border-color: #353535 !important; }
.bg-surface-accent-light { background-color: #EBF2F4 !important; }
.text-surface-accent-light { color: #EBF2F4 !important; }
.border-surface-accent-light { border-color: #EBF2F4 !important; }
.bg-surface-accent-dark { background-color: #4A4A4A !important; }
.text-surface-accent-dark { color: #4A4A4A !important; }
.border-surface-accent-dark { border-color: #4A4A4A !important; }
.bg-form-label-light { background-color: #FAFAFA !important; }
.text-form-label-light { color: #FAFAFA !important; }
.border-form-label-light { border-color: #FAFAFA !important; }
.bg-form-text-light { background-color: #FAFAFA !important; }
.text-form-text-light { color: #FAFAFA !important; }
.border-form-text-light { border-color: #FAFAFA !important; }
.bg-form-label-dark { background-color: #353535 !important; }
.text-form-label-dark { color: #353535 !important; }
.border-form-label-dark { border-color: #353535 !important; }
.bg-form-text-dark { background-color: #353535 !important; }
.text-form-text-dark { color: #353535 !important; }
.border-form-text-dark { border-color: #353535 !important; }


/* Dynamic Font Classes Generated Statically */

.font-display {
    font-family: "Pacifico", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    font-size: 4rem;
}

.font-primary-headline {
    font-family: "Pacifico", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    font-size: 2.5rem;
}

.font-secondary-headline {
    font-family: "Pacifico", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.75rem;
}

.font-eyebrow {
    font-family: "Inter", sans-serif;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.font-paragraph {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1rem;
}

.font-button {
    font-family: "Inter", sans-serif;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: .8rem;
}

.font-form-label {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.875rem;
}

.font-form-text {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1rem;
}