/* Papyrus Texture Background Styles */
/* Replaces solid yellow backgrounds with papyrus texture */

.papyrus-bg {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.95) 0%, 
            rgba(245, 226, 184, 0.95) 25%, 
            rgba(240, 217, 168, 0.95) 50%, 
            rgba(236, 220, 176, 0.95) 75%, 
            rgba(245, 228, 188, 0.95) 100%
        ),
        url('../images/papyrus-texture.svg');
    background-size: cover, 200px 200px;
    background-repeat: no-repeat, repeat;
}

/* Feature cards with papyrus texture */
.feature-card {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
    position: relative;
}

.feature-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(139, 69, 19, 0.03) 2px,
            rgba(139, 69, 19, 0.03) 4px
        ),
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 2px,
            rgba(139, 69, 19, 0.02) 2px,
            rgba(139, 69, 19, 0.02) 4px
        );
    pointer-events: none;
    border-radius: inherit;
    z-index: 0;
}

.feature-card > * {
    position: relative;
    z-index: 1;
}

/* Product cards with papyrus texture */
.product-card {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Solution cards with papyrus texture */
.solution-card {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Timeline content with papyrus texture */
.timeline-content {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Roadmap content with papyrus texture */
.roadmap-content {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Platform overview section with papyrus texture */
.platform-overview {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Ingredients section with papyrus texture */
.ingredients-section {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Problem section with papyrus texture */
.problem-section {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* CTA icon background - keep as accent color for contrast */
.cta-icon {
    background: linear-gradient(135deg, #f5e2b8, #ecdcb0) !important;
}

/* Coming soon item hover state */
.coming-soon-item:hover {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Team cards with papyrus texture */
.team-card {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Value cards with papyrus texture */
.value-card {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Story section with papyrus texture (team page) */
.story-section {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Contact cards with papyrus texture */
.contact-card {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Founder cards with papyrus texture */
.founder-card {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}

/* Contact form section - using papyrus-form class to target inline style sections */
.papyrus-form-section,
section[style*="background: #ffd600"] {
    background: 
        linear-gradient(135deg, 
            rgba(247, 232, 200, 0.97) 0%, 
            rgba(245, 226, 184, 0.97) 25%, 
            rgba(240, 217, 168, 0.97) 50%, 
            rgba(236, 220, 176, 0.97) 75%, 
            rgba(245, 228, 188, 0.97) 100%
        ) !important;
}