:root {
  --soxero-aubergine: #26172E;
  --soxero-coral: #F0645A;
  --soxero-gold: #E9B949;
  --soxero-sage: #77947C;
  --soxero-parchment: #F6F0E4;
  --soxero-white: #FFFFFF;
  --soxero-black: #000000;
  --soxero-success: #2F7657;
  --soxero-warning: #7A5100;
  --soxero-danger: #A9363E;
  --soxero-info: #2B5C96;
  --soxero-n900: #241F26;
  --soxero-n700: #514A54;
  --soxero-n500: #7C747F;
  --soxero-n300: #C9C2CA;
  --soxero-n100: #EEE9EF;
  --soxero-font-display: "Manrope", Arial, sans-serif;
  --soxero-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --soxero-font-editorial: "Source Serif 4", Georgia, serif;
  --soxero-font-mono: "IBM Plex Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --soxero-focus: var(--soxero-gold);
  --soxero-radius-sm: .5rem;
  --soxero-radius-md: .9rem;
  --soxero-radius-lg: 1.35rem;
  --soxero-shadow: 0 1.1rem 2.8rem rgba(38, 23, 46, .12);
  --soxero-motion-fast: 160ms;
}

::selection { color: var(--soxero-parchment); background: var(--soxero-aubergine); }

@media (prefers-reduced-motion: reduce) {
  :root { --soxero-motion-fast: 0ms; }
}