/* ===========================================
   THEME: TERRACOTTA (nory.ai-inspired)
   Warm cream, lavender accent, premium
   geometric sans, soft minimal
   =========================================== */

@import url('https://fonts.googleapis.com/css2?family=General+Sans:wght@300;400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,600;1,6..72,400&display=swap');

[data-theme="terracotta"] {
    --color-bg:        #F3F0E8;
    --color-bg-warm:   #EBE7DE;
    --color-bg-card:   #FFFFFF;
    --color-ink:       #140018;
    --color-ink-soft:  #4A3F50;
    --color-ink-muted: #7A7280;
    --color-accent:    #B0B0FE;
    --color-accent-hover: #9494E8;
    --color-accent-light: rgba(176, 176, 254, 0.12);
    --color-border:    #DDD8CE;
    --color-border-light: #E8E4DB;
    --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
    --font-body:    'General Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 100px;
    --shadow-sm:  0 1px 2px rgba(20,0,24,0.04);
    --shadow-md:  0 2px 8px rgba(20,0,24,0.06);
    --shadow-lg:  0 8px 24px rgba(20,0,24,0.08);
    --shadow-xl:  0 16px 48px rgba(20,0,24,0.10);
}

/* Nory-style overrides — minimal, clean, warm */
[data-theme="terracotta"] body,
[data-theme="terracotta"] { background: #F3F0E8; color: #140018; }

/* Grain — very subtle */
[data-theme="terracotta"] .grain { opacity: 0.2; }

/* Alternating section backgrounds — nory.ai style: dark and cream */
[data-theme="terracotta"] .hero-section { background: #F3F0E8; }
[data-theme="terracotta"] .problem-section { background: #140018; color: #F3F0E8; }
[data-theme="terracotta"] .about-section { background: #F3F0E8; }
[data-theme="terracotta"] .services-section { background: #140018; color: #F3F0E8; }
[data-theme="terracotta"] .process-section { background: #F3F0E8; }
[data-theme="terracotta"] .faq-section { background: #140018; color: #F3F0E8; }
[data-theme="terracotta"] .contact-section { background: #F3F0E8; }

/* Dark section text overrides */
[data-theme="terracotta"] .problem-section h2,
[data-theme="terracotta"] .problem-section h3,
[data-theme="terracotta"] .problem-section p,
[data-theme="terracotta"] .problem-section li,
[data-theme="terracotta"] .problem-section .highlight,
[data-theme="terracotta"] .services-section h2,
[data-theme="terracotta"] .services-section h3,
[data-theme="terracotta"] .services-section h4,
[data-theme="terracotta"] .services-section p,
[data-theme="terracotta"] .services-section li,
[data-theme="terracotta"] .services-section strong,
[data-theme="terracotta"] .faq-section h2,
[data-theme="terracotta"] .faq-section p,
[data-theme="terracotta"] .faq-section .faq-question,
[data-theme="terracotta"] .faq-section .faq-answer p { color: #F3F0E8; }

[data-theme="terracotta"] .problem-section .section-title,
[data-theme="terracotta"] .services-section .section-title,
[data-theme="terracotta"] .faq-section .section-title { color: #B0B0FE; }

[data-theme="terracotta"] .problem-section .section-subtitle,
[data-theme="terracotta"] .services-section .section-subtitle { color: rgba(243,240,232,0.7); }

[data-theme="terracotta"] .problem-section .problem-card {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(243,240,232,0.1);
}
[data-theme="terracotta"] .problem-section .problem-card:hover {
    border-color: rgba(176,176,254,0.4);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
[data-theme="terracotta"] .problem-section .problem-number { color: #B0B0FE; opacity: 0.2; }
[data-theme="terracotta"] .problem-section .highlight { color: #B0B0FE; }

[data-theme="terracotta"] .services-section .service-block {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(243,240,232,0.08);
}
[data-theme="terracotta"] .services-section .service-block:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    border-color: rgba(243,240,232,0.15);
}
[data-theme="terracotta"] .services-section .service-header { border-bottom-color: rgba(243,240,232,0.08); }
[data-theme="terracotta"] .services-section .service-num { color: #B0B0FE; opacity: 0.4; }
[data-theme="terracotta"] .services-section .service-tech,
[data-theme="terracotta"] .services-section .service-ideal { color: rgba(243,240,232,0.5); }

[data-theme="terracotta"] .services-section .case-study {
    background: rgba(176,176,254,0.1);
    border-left-color: #B0B0FE;
}
[data-theme="terracotta"] .services-section .differentiator {
    background: rgba(176,176,254,0.1);
    border-left-color: #B0B0FE;
}
[data-theme="terracotta"] .services-section .result-item {
    background: rgba(176,176,254,0.08);
    border-left-color: #B0B0FE;
    color: #F3F0E8;
}
[data-theme="terracotta"] .services-section .tier {
    background: rgba(255,255,255,0.05);
    border-color: rgba(243,240,232,0.1);
}
[data-theme="terracotta"] .services-section .tier:hover {
    border-color: #B0B0FE;
    box-shadow: 0 4px 16px rgba(176,176,254,0.15);
}
[data-theme="terracotta"] .services-section .tier-name { color: #F3F0E8; }
[data-theme="terracotta"] .services-section .tier-detail { color: rgba(243,240,232,0.5); }
[data-theme="terracotta"] .services-section .tier-price { color: #B0B0FE; }

[data-theme="terracotta"] .faq-section .faq-item { border-color: rgba(243,240,232,0.1); }
[data-theme="terracotta"] .faq-section .faq-question:hover { background: rgba(176,176,254,0.08); }
[data-theme="terracotta"] .faq-section .faq-icon { color: rgba(243,240,232,0.4); }
[data-theme="terracotta"] .faq-section .faq-question[aria-expanded="true"] .faq-icon { color: #B0B0FE; }

/* Dark section buttons */
[data-theme="terracotta"] .services-section .btn-primary {
    background: #B0B0FE;
    color: #140018;
}
[data-theme="terracotta"] .services-section .btn-primary:hover {
    background: #9494E8;
}

/* Header — transparent, minimal */
[data-theme="terracotta"] .header.scrolled {
    background: rgba(243, 240, 232, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 rgba(20,0,24,0.06);
}
[data-theme="terracotta"] .logo {
    font-family: 'General Sans', sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
}
[data-theme="terracotta"] .logo-dot { color: #B0B0FE; }
[data-theme="terracotta"] .nav-link {
    font-family: 'General Sans', sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
}
[data-theme="terracotta"] .nav-link::after { background: #140018; }
[data-theme="terracotta"] .cta-nav {
    background: #140018;
    color: #F3F0E8 !important;
    border-radius: 4px;
    font-weight: 600;
}
[data-theme="terracotta"] .cta-nav:hover { background: #2A1A30; }

/* Buttons — nory style: dark bg, small radius */
[data-theme="terracotta"] .btn-primary {
    background: #140018;
    color: #F3F0E8;
    box-shadow: none;
    border-radius: 4px;
}
[data-theme="terracotta"] .btn-primary:hover {
    background: #2A1A30;
    box-shadow: 0 4px 16px rgba(20,0,24,0.15);
}
[data-theme="terracotta"] .btn-ghost {
    border-color: #140018;
    color: #140018;
    border-radius: 4px;
    border-width: 1.5px;
}
[data-theme="terracotta"] .btn-ghost:hover {
    background: #140018;
    color: #F3F0E8;
}
[data-theme="terracotta"] .btn-secondary {
    color: #140018;
    border-color: #140018;
    border-radius: 4px;
}
[data-theme="terracotta"] .btn-secondary:hover { background: #140018; color: #F3F0E8; }

/* Section tags — lavender pill */
[data-theme="terracotta"] .section-tag {
    background: #B0B0FE;
    color: #140018;
    border: none;
    border-radius: 100px;
    font-weight: 600;
    box-shadow: none;
}

/* Section titles — lavender like nory.ai h2 */
[data-theme="terracotta"] .section-title {
    font-family: 'General Sans', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #B0B0FE;
}
[data-theme="terracotta"] .section-title.left { color: #140018; }

/* Body font weight 500 like nory */
[data-theme="terracotta"] body { font-weight: 500; }
[data-theme="terracotta"] .hero-headline {
    font-family: 'General Sans', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #140018;
}
[data-theme="terracotta"] .hero-headline em { color: #B0B0FE; font-style: italic; font-family: 'Newsreader', Georgia, serif; }
/* Hero */
[data-theme="terracotta"] .hero-section::before {
    background: radial-gradient(ellipse at 60% 30%, rgba(176,176,254,0.15) 0%, transparent 60%);
}
[data-theme="terracotta"] .hero-visual img {
    border: none;
    border-radius: 8px;
    box-shadow: 0 16px 48px rgba(20,0,24,0.1);
}
[data-theme="terracotta"] .proof-icon {
    background: #B0B0FE;
    color: #140018;
}

/* Cards — white, clean, minimal border */
[data-theme="terracotta"] .problem-card {
    background: #fff;
    border: 1px solid rgba(20,0,24,0.06);
    box-shadow: none;
    border-radius: 8px;
}
[data-theme="terracotta"] .problem-card:hover {
    box-shadow: 0 8px 24px rgba(20,0,24,0.08);
    border-color: rgba(176,176,254,0.4);
}
[data-theme="terracotta"] .problem-number { color: #B0B0FE; opacity: 0.3; }

/* Service blocks — clean */
[data-theme="terracotta"] .service-block {
    background: #fff;
    border: 1px solid rgba(20,0,24,0.06);
    box-shadow: none;
    border-radius: 8px;
}
[data-theme="terracotta"] .service-block:hover { box-shadow: 0 4px 16px rgba(20,0,24,0.06); }
[data-theme="terracotta"] .service-header { border-bottom-color: rgba(20,0,24,0.06); }
[data-theme="terracotta"] .service-num { color: #B0B0FE; opacity: 0.5; }

/* Accent blocks — lavender tint */
[data-theme="terracotta"] .case-study {
    background: rgba(176,176,254,0.1);
    border-left-color: #B0B0FE;
}
[data-theme="terracotta"] .differentiator {
    background: rgba(176,176,254,0.1);
    border-left-color: #B0B0FE;
}
[data-theme="terracotta"] .result-item {
    background: rgba(176,176,254,0.08);
    border-left-color: #B0B0FE;
}
[data-theme="terracotta"] .guarantee-text {
    background: rgba(176,176,254,0.1);
    border-left-color: #B0B0FE;
    color: #140018;
}
[data-theme="terracotta"] .badge-item {
    background: rgba(176,176,254,0.12);
    color: #140018;
}

/* Pricing tiers */
[data-theme="terracotta"] .tier {
    background: #fff;
    border-color: rgba(20,0,24,0.06);
    border-radius: 8px;
}
[data-theme="terracotta"] .tier:hover {
    border-color: #B0B0FE;
    box-shadow: 0 4px 16px rgba(176,176,254,0.15);
}
[data-theme="terracotta"] .tier-price { color: #140018; }

/* Process */
[data-theme="terracotta"] .step-number {
    background: #140018;
    color: #F3F0E8;
    box-shadow: none;
}
[data-theme="terracotta"] .step-line { background: rgba(20,0,24,0.1); }

/* Guarantee */
[data-theme="terracotta"] .guarantee-box {
    background: #fff;
    border: 1px solid #B0B0FE;
    box-shadow: 0 8px 32px rgba(176,176,254,0.12);
}
[data-theme="terracotta"] .guarantee-big { color: #140018; }

/* FAQ */
[data-theme="terracotta"] .faq-item { border-color: rgba(20,0,24,0.08); }
[data-theme="terracotta"] .faq-question:hover { color: #140018; background: rgba(176,176,254,0.06); }

/* Form */
[data-theme="terracotta"] .contact-form {
    background: #fff;
    border: 1px solid rgba(20,0,24,0.06);
    border-radius: 8px;
}
[data-theme="terracotta"] .form-group input,
[data-theme="terracotta"] .form-group select,
[data-theme="terracotta"] .form-group textarea {
    border-color: rgba(20,0,24,0.12);
    border-radius: 4px;
    background: #F3F0E8;
}
[data-theme="terracotta"] .form-group input:focus,
[data-theme="terracotta"] .form-group select:focus,
[data-theme="terracotta"] .form-group textarea:focus {
    border-color: #B0B0FE;
    box-shadow: 0 0 0 3px rgba(176,176,254,0.15);
    background: #fff;
}

/* Contact card */
[data-theme="terracotta"] .contact-card {
    background: #fff;
    border: 1px solid rgba(20,0,24,0.06);
    border-radius: 8px;
}
[data-theme="terracotta"] .contact-item a { color: #140018; font-weight: 600; }
[data-theme="terracotta"] .contact-item a:hover { color: #B0B0FE; }

/* About image */
[data-theme="terracotta"] .about-image img {
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(20,0,24,0.1);
}
[data-theme="terracotta"] .feature-list li::before { background: #B0B0FE; }

/* Footer */
[data-theme="terracotta"] .footer { background: #140018; color: rgba(243,240,232,0.6); }
[data-theme="terracotta"] .footer-brand .logo { color: #F3F0E8; }
[data-theme="terracotta"] .footer h4 { color: #F3F0E8; }
[data-theme="terracotta"] .footer a { color: rgba(243,240,232,0.4); }
[data-theme="terracotta"] .footer a:hover { color: #B0B0FE; }
[data-theme="terracotta"] .footer-bottom { border-top-color: rgba(243,240,232,0.08); }

/* Theme modal */
[data-theme="terracotta"] .theme-modal-content {
    background: #fff;
    border: 1px solid rgba(20,0,24,0.06);
    border-radius: 12px;
}
[data-theme="terracotta"] .theme-option {
    background: #F3F0E8;
    border: 1px solid rgba(20,0,24,0.08);
    border-radius: 8px;
}
[data-theme="terracotta"] .theme-option:hover { border-color: #B0B0FE; }
[data-theme="terracotta"] .theme-option.active { border-color: #B0B0FE; box-shadow: 0 0 0 3px rgba(176,176,254,0.2); }

/* Theme FAB */
[data-theme="terracotta"] .theme-fab {
    background: #140018;
    color: #F3F0E8;
}

/* Banner */
[data-theme="terracotta"] .theme-banner { background: #140018; }
[data-theme="terracotta"] .banner-btn { background: #B0B0FE; color: #140018; border-radius: 4px; }

/* Mobile nav */
[data-theme="terracotta"] .nav-menu { background: #F3F0E8; }

/* Scrollbar */
[data-theme="terracotta"] ::-webkit-scrollbar-track { background: #F3F0E8; }
[data-theme="terracotta"] ::-webkit-scrollbar-thumb { background: #DDD8CE; }
[data-theme="terracotta"] ::selection { background: rgba(176,176,254,0.3); }