/* FIVESTACK Design System - Clean & Minimal */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* FIVESTACK Color System */
:root {
    /* Brand Colors */
    --s5-red: #FF0032;

    /* Dark Backgrounds */
    --midnight: #050505;
    --surface: #0A0A0A;
    --surface-light: #111111;

    /* Semantic Colors */
    --background: var(--midnight);
    --foreground: #ffffff;
    --card: rgba(255, 255, 255, 0.02);
    --card-foreground: #ffffff;
    --primary: var(--s5-red);
    --primary-foreground: #ffffff;
    --border: rgba(255, 255, 255, 0.08);
}

/* Typography */
.fivestack-theme {
    font-family: 'Inter', sans-serif;
}

.fivestack-theme h1,
.fivestack-theme h2,
.fivestack-theme h3,
.fivestack-theme h4,
.fivestack-theme h5,
.fivestack-theme h6 {
    font-family: 'Space Grotesk', sans-serif;
}

/* Glassmorphism - Minimal */
.glass-fivestack {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Custom Scrollbar - Clean & Minimal */
.fivestack-theme ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.fivestack-theme ::-webkit-scrollbar-track {
    background: transparent;
}

.fivestack-theme ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
}

.fivestack-theme ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}

/* Smooth Scroll */
.fivestack-theme {
    scroll-behavior: smooth;
}

/* Card Hover Effects - Minimal */
.card-fivestack {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

.card-fivestack:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 0, 50, 0.3);
    transform: translateY(-2px);
}

/* Icon Background - Minimal */
.icon-bg-red {
    background: rgba(255, 0, 50, 0.08);
    border: 1px solid rgba(255, 0, 50, 0.15);
}