:root {
    --font-heading-name: 'Inter';
    --font-body-name: 'Inter';
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --letter-spacing-heading: -0.02em;
    --letter-spacing-body: 0px;
    --space-base: 1rem;
    --radius-small: 6px;
    --radius-large: 16px;
    --border-width: 1px;
    --shadow-color: 139 21 56;
    --shadow-offset-x: 0px;
    --shadow-offset-y: 4px;
    --shadow-blur: 24px;
    --shadow-spread: -4px;
    --shadow-opacity: 0.08;
    --shadow-custom: 0px 4px 12px rgba(139, 21, 56, 0.06), 0px 1px 2px rgba(139, 21, 56, 0.04);
    --shadow-custom-hover: 0px 12px 32px rgba(139, 21, 56, 0.12), 0px 4px 8px rgba(139, 21, 56, 0.06);
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F9FAFB; }
::-webkit-scrollbar-thumb { background: #D1D5DB; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #9CA3AF; }

.bg-grid-pattern {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(139, 21, 56, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(139, 21, 56, 0.03) 1px, transparent 1px);
}

.glass-panel {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(139, 21, 56, 0.05);
}

html { scroll-behavior: smooth; }