:root{--sdd-color-primary:#8EC1E4;--sdd-color-secondary:#54595F;--sdd-color-accent:#61CE70;--sdd-color-background:#062c3c;--sdd-text-main:#FFFFFF;--sdd-text-body:#E0E6ED;--sdd-text-muted:#B0BEC5;--sdd-surface-dark:#093145;--sdd-surface-border:#1A4D63;--sdd-btn-primary-bg:#3C7A99;--sdd-btn-primary-hover:#4E8EAF;--sdd-btn-accent-bg:#357A38;--sdd-btn-accent-hover:#54A857;--sdd-spacing-xs:0.5rem;--sdd-spacing-sm:1rem;--sdd-spacing-md:1.5rem;--sdd-spacing-lg:2rem;--sdd-spacing-xl:3rem;--sdd-radius-sm:4px;--sdd-radius-md:8px;--sdd-radius-pill:50px;--sdd-shadow-card:0 4px 6px rgba(0, 0, 0, 0.3);--sdd-status-available:#61CE70;--sdd-status-warning:#FF5252;--sdd-status-full:#6c757d;--sdd-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}