/*
 * Pluribus web — design tokens + minimal reset.
 * Keep :root in sync with Pluribus-app/docs/mockups-pluribus-app/shared.css when tokens change.
 */

:root {
  --navy900: #3d5a80;
  --navy700: #5a7ba5;
  --navy100: #e8edf5;
  --white: #ffffff;

  --gold-accent: #c4a93d;
  --gold-soft: #f3edd8;

  --cta-bg: #e9aa14;
  --cta-bg-hover: #d19a0e;
  --cta-text: #ffffff;
  --cta-shadow: 0 4px 18px rgba(233, 170, 20, 0.32);

  --blue-muted: #5a7ba5;

  --green500: #3a7d54;
  --green400: #639876;
  --red500: #b84a4a;
  --red400: #c97777;
  --amber500: #d4b46a;

  --slate900: #1e293b;
  --slate700: #334155;
  --slate600: #475569;
  --slate400: #94a3b8;
  --slate200: #e2e8f0;
  --slate50: #f8fafc;

  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --shadow: 0 4px 20px rgba(15, 23, 42, 0.045);
  --shadow-lg: 0 12px 48px rgba(15, 23, 42, 0.06);
  --shadow-tab: 0 2px 18px rgba(15, 23, 42, 0.07);
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-body);
  font-weight: 500;
  color: var(--slate900);
  background: var(--white);
  display: block;
  padding: 0;
}