:root{--color-navy: #0A2463;--color-sand: #F2E3BC;--color-turquoise: #3E92CC;--color-light-blue: #D8DDEF;--color-white-smoke: #f5f5f5;--color-ocean-blue: #0066FF;--color-sky-blue: #E6F3FF;--color-sunset-orange: #FF8855;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(10, 36, 99, .08);--shadow-md: 0 8px 24px rgba(10, 36, 99, .12);--shadow-lg: 0 12px 32px rgba(10, 36, 99, .18);--transition-fast: .15s ease-out;--transition-medium: .25s ease;--transition-slow: .4s cubic-bezier(.22, 1, .36, 1);color-scheme:light;scroll-behavior:smooth}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--color-ocean-blue);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.ds-card{border-radius:var(--radius-lg);border:1px solid var(--color-light-blue);background:#fff;box-shadow:var(--shadow-md);animation:fadeInUp var(--transition-slow)}.ds-btn{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.ds-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ds-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.swatch{border-radius:var(--radius-md);height:44px;box-shadow:var(--shadow-sm)}.breadcrumb-separator:before{content:"›";color:#64748b}[data-transition=fade]{animation:fadeInUp var(--transition-medium)}