:root {
  color-scheme: light;
  --nessara-navy: #3a3a5c;
  --nessara-navy-deep: #24243a;
  --nessara-navy-soft: #505079;
  --nessara-steel: #9aa4b1;
  --nessara-sand: #c0a374;
  --nessara-ink: #191922;
  --nessara-muted: #60626f;
  --nessara-paper: #f7f5f1;
  --nessara-white: #ffffff;
  --nessara-line: #dedfe4;
  --nessara-success: #215e46;
  --nessara-error: #a53838;

  --nessara-font: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nessara-serif: "Libre Caslon Text", "Iowan Old Style", Georgia, serif;
  --nessara-measure: 72rem;
  --nessara-page-pad: clamp(1.1rem, 4vw, 4.5rem);
  --nessara-radius-sm: 0.4rem;
  --nessara-radius: 0.75rem;
  --nessara-radius-lg: 1.25rem;
  --nessara-shadow: 0 1.5rem 4rem -2rem rgba(24, 24, 36, 0.42);

  --nessara-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --nessara-fast: 160ms;
  --nessara-medium: 320ms;
  --nessara-slow: 560ms;

  --nessara-focus: 0 0 0 3px rgba(58, 58, 92, 0.24);
  --nessara-touch: 3rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
    --nessara-fast: 0ms;
    --nessara-medium: 0ms;
    --nessara-slow: 0ms;
  }
}