:root {
    --bg: #0a0a0a;
    --bg-alt: #141718;
    --primary: #1a1a1a;
    --warm-gray: #f5f5f0;
    /*--accent: #ff4d2e;*/
    --accent: #069494; /* teal */
    --accent-hover: #e64428;
    --accent-hover: #0077b6;
    --accent-light: #ff6a4d;
    /*--accent-secondary: #00a8e8;*/
    --accent-secondary: #069494;
    --accent-secondary-mid: #0077b6;
    --navy: #0d1b2a;
    --text-muted: #9ca3af;
    --text-light: #f3f4f6;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.product-card:hover .product-image {
    transform: scale(1.05);
}

.color-option.active {
    ring-width: 2px;
    ring-offset-width: 2px;
    ring-color: var(--primary);
}

.cart-drawer {
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cart-drawer.open {
    transform: translateX(0);
}

.overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.overlay.active {
    opacity: 1;
    pointer-events: all;
}

.spec-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.gradient-text {
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}