/* ============================================
   THEME 1: CORAL ORANGE
   Warm, inviting, easy on the eyes
   ============================================ */

:root {
    /* Colors - coral orange + dark brown, no white */
    --bg-primary: #FF8B5A;
    --bg-secondary: #FFAB82;
    --text-primary: #1A0800;
    --accent-primary: #1A0800;

    /* Typography */
    --font-display: 'Bebas Neue', sans-serif;
    --font-body: 'Space Mono', monospace;
    --letter-spacing-tight: -0.02em;
}

/* Hero accent text - same color, different weight feel */
.title-line.accent {
    color: #1A0800;
    -webkit-text-stroke: 0;
    text-stroke: 0;
    opacity: 1;
}

/* Problem icons - outline style */
.problem-icon {
    color: #1A0800;
    background: transparent;
    border: 2px solid #1A0800;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Week badges - outline style */
.step-week {
    color: #1A0800;
    background: transparent;
    border: 2px solid #1A0800;
    display: inline-block;
    padding: 0.25rem 0.75rem;
}

/* Testimonial quote */
.testimonial-quote {
    color: #1A0800;
    opacity: 0.25;
}

/* CTA buttons */
.cta-button {
    background: #1A0800;
    color: #FF8B5A;
    border-color: #1A0800;
}

.cta-button:hover {
    background: transparent;
    color: #1A0800;
    border-color: #1A0800;
}

/* Submit button - coral orange */
.submit-button {
    background: #FF8B5A;
    color: #1A0800;
    border-color: #1A0800;
}

.submit-button:hover {
    background: #FFAB82;
    color: #1A0800;
    border-color: #1A0800;
}

/* Form inputs */
.form-group input,
.form-group textarea {
    background: rgba(26, 8, 0, 0.08);
    border-color: #1A0800;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: rgba(26, 8, 0, 0.5);
}

.form-group input:focus,
.form-group textarea:focus {
    background: rgba(26, 8, 0, 0.12);
}

/* Cards */
.problem-card,
.deliverable-card,
.testimonial-card {
    background: var(--bg-primary);
    border-color: #1A0800;
}

/* Section headers */
.section-header {
    border-bottom-color: #1A0800;
}

/* Theme switcher */
.theme-switcher {
    background: #1A0800;
    border-color: #1A0800;
}

.theme-label {
    color: #FF8B5A;
}

.theme-btn {
    border-color: rgba(255, 107, 0, 0.5);
}

.theme-btn.active {
    box-shadow: 0 0 0 2px #1A0800, 0 0 0 4px #FF8B5A;
}

/* Deliverable numbers */
.deliverable-number {
    color: #1A0800;
    opacity: 0.3;
}

/* Fix faded text in sections 3 and 5 */
.deliverable-card p,
.testimonial-text,
.problem-card p {
    opacity: 1;
}

/* Footer */
.footer {
    border-top-color: #1A0800;
}

/* Process step accent */
.process-step::before {
    background: #1A0800;
}

/* Subtle texture */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.02;
    z-index: 9999;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

/* LinkedIn link */
.linkedin-link {
    border-color: #1A0800;
}

.linkedin-link:hover {
    background: #1A0800;
    color: #FF8B5A;
}