/* =============================================
   DNA ROMANCE FRONTEND STYLES
   Site-specific styles for public pages
   Generated: 2025-09-08 23:33:22
   ============================================= */

/* Brand Colors */
:root {
    --dnaromance-primary: #ff1744;
    --dnaromance-secondary: #f50057;
    --dnaromance-primary-rgb: 255,23,68;
}

/* Override Bootstrap primary color */
body.theme-dnaromance {
    --bs-primary: var(--dnaromance-primary);
    --bs-secondary: var(--dnaromance-secondary);
    --bs-primary-rgb: var(--dnaromance-primary-rgb);
}

/* Navigation */
.theme-dnaromance .navbar-brand {
    color: var(--dnaromance-primary) !important;
}

.theme-dnaromance .navbar-nav .nav-link:hover {
    color: var(--dnaromance-primary) !important;
}

/* Hero Section */
.theme-dnaromance .hero {
    background: linear-gradient(135deg, var(--dnaromance-primary) 0%, var(--dnaromance-secondary) 100%);
}

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

.theme-dnaromance .btn-primary:hover {
    background: var(--dnaromance-secondary);
    border-color: var(--dnaromance-secondary);
}

/* Links */
.theme-dnaromance a {
    color: var(--dnaromance-primary);
}

.theme-dnaromance a:hover {
    color: var(--dnaromance-secondary);
}

/* Feature Cards */
.theme-dnaromance .feature-card:hover {
    border-color: var(--dnaromance-primary);
}

/* Forms */
.theme-dnaromance .form-control:focus {
    border-color: var(--dnaromance-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--dnaromance-primary-rgb), 0.25);
}

/* Specific to DNA Romance */

/* DNA helix animation */
.dna-helix {
    background: url('/static/images/dna-helix.svg') no-repeat center;
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}