:root { --sb-color-gray-600: #4a5565; --sb-color-gray-700: #364153; --sb-color-wp-light-blue-600: #007ca8; --sb-duration-75:   75ms; --sb-duration-100:  100ms; --sb-duration-150:  150ms; --sb-duration-200:  200ms; --sb-duration-300:  300ms; --sb-duration-500:  500ms; --sb-duration-700:  700ms; --sb-duration-1000: 1000ms; --sb-opacity-disabled: 0.5; --sb-fg-muted:  var(--sb-color-gray-700); --sb-fg-subtle: var(--sb-color-gray-600); --sb-focus-ring: var(--sb-color-wp-light-blue-600); --sb-text-secondary: var(--sb-fg-muted); --sb-text-tertiary:  var(--sb-fg-subtle); } @media (prefers-reduced-motion: reduce) { :root { --sb-duration-75:   0.01ms; --sb-duration-100:  0.01ms; --sb-duration-150:  0.01ms; --sb-duration-200:  0.01ms; --sb-duration-300:  0.01ms; --sb-duration-500:  0.01ms; --sb-duration-700:  0.01ms; --sb-duration-1000: 0.01ms; } }