/* case-studies.css */
/* Purpose: Shared styles for case-studies.html and case-studies-pl.html */
/* NOT for: Main landing pages (index.html, pl.html etc.) */

:root {
    --dark-primary: #0a0a0a;
    --dark-secondary: #121212;
    --dark-border: #262626;
    --accent-primary: #10b981;
    --accent-secondary: #059669;
}
body {
    background: var(--dark-primary);
    color: #e5e5e5;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.gradient-text {
    background: linear-gradient(135deg, #10b981, #38bdf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.nav-glass {
    background: rgba(10, 10, 10, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.glass {
    background: rgba(22, 22, 22, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.case-card {
    background: linear-gradient(135deg, rgba(22, 22, 22, 0.9) 0%, rgba(26, 26, 26, 0.9) 100%);
    border: 1px solid rgba(38, 38, 38, 0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.case-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 25px 50px -12px rgba(16, 185, 129, 0.15);
}
.metric-card {
    background: rgba(16, 185, 129, 0.05);
    border: 1px solid rgba(16, 185, 129, 0.15);
}
.tech-badge {
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.2);
    color: #38bdf8;
}
.section-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(38, 38, 38, 0.8), transparent);
    margin: 0 auto;
    max-width: 1280px;
}