/**
 * Customizer Dynamic Styles
 * These styles are generated based on theme customizer settings
 * They're enqueued as inline styles in functions.php
 */

:root {
    --sd-primary: #0d6efd;
    --sd-secondary: #6c757d;
    --sd-accent: #198754;
    --sd-text: #212529;
    --sd-background: #ffffff;
}

body {
    color: var(--sd-text);
    background-color: var(--sd-background);
}

a {
    color: var(--sd-primary);
}

a:hover, a:focus {
    color: var(--sd-secondary);
    text-decoration: underline;
}

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

.btn-secondary {
    background-color: var(--sd-secondary);
    border-color: var(--sd-secondary);
}

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

.portfolio-card {
    border-top-color: var(--sd-primary);
}

.portfolio-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--sd-text);
}