/* Shared Magnitude palette. Tailwind and the public homepage consume these tokens. */
:root {
  --magnitude-font-sans: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --magnitude-cream: #fbf8ef;
  --magnitude-paper: #fffdf6;
  --magnitude-navy: #102653;
  --magnitude-blue: #2d5cba;
  --magnitude-orange: #ee6938;
  --magnitude-gold: #f2b333;
  --magnitude-sage: #82b780;

  --magnitude-neutral-50: var(--magnitude-cream);
  --magnitude-neutral-100: #f2eddf;
  --magnitude-neutral-200: #e4ddce;
  --magnitude-neutral-300: #cfc8ba;
  --magnitude-neutral-400: #9ba2ad;
  --magnitude-neutral-500: #657184;
  --magnitude-neutral-600: #4d5c72;
  --magnitude-neutral-700: #344562;
  --magnitude-neutral-800: #233653;
  --magnitude-neutral-900: #172b4d;
  --magnitude-neutral-950: #0d1e39;

  --magnitude-blue-50: #edf2fb;
  --magnitude-blue-100: #dfe8f8;
  --magnitude-blue-200: #bfd0ef;
  --magnitude-blue-300: #98b5e6;
  --magnitude-blue-400: #7198da;
  --magnitude-blue-500: #4979cb;
  --magnitude-blue-600: var(--magnitude-blue);
  --magnitude-blue-700: #234b99;
  --magnitude-blue-800: #1c3c79;
  --magnitude-blue-900: #192f5a;
  --magnitude-blue-950: #101e3b;

  --magnitude-sage-50: #f0f4e9;
  --magnitude-sage-100: #e4eddc;
  --magnitude-sage-200: #cedfc3;
  --magnitude-sage-300: #aacaa0;
  --magnitude-sage-400: var(--magnitude-sage);
  --magnitude-sage-500: #62955e;
  --magnitude-sage-600: #477743;
  --magnitude-sage-700: #355c32;
  --magnitude-sage-800: #2c4a2a;
  --magnitude-sage-900: #253d24;
  --magnitude-sage-950: #142312;

  --magnitude-canvas: var(--magnitude-cream);
  --magnitude-surface: var(--magnitude-paper);
  --magnitude-border: var(--magnitude-neutral-200);
  --magnitude-text: var(--magnitude-navy);
  --magnitude-muted: var(--magnitude-neutral-600);
  --magnitude-action: var(--magnitude-blue);
  --magnitude-action-hover: var(--magnitude-blue-700);
  --magnitude-action-edge: var(--magnitude-blue-800);
}

.dark {
  --magnitude-canvas: var(--magnitude-neutral-950);
  --magnitude-surface: var(--magnitude-neutral-900);
  --magnitude-border: var(--magnitude-neutral-700);
  --magnitude-text: var(--magnitude-paper);
  --magnitude-muted: var(--magnitude-neutral-300);
}

.magnitude-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: .6rem;
  color: var(--magnitude-text);
  font-family: var(--magnitude-font-sans);
}

.magnitude-brand img { object-fit: contain; flex-shrink: 0; }
.magnitude-wordmark { display: block; font-weight: 800; letter-spacing: -.045em; line-height: 1.1; }
.magnitude-wordmark-default { text-transform: lowercase; }
.magnitude-brand-tagline { display: block; margin-top: .45rem; font-size: .6rem; font-weight: 650; letter-spacing: .18em; text-transform: uppercase; }

.magnitude-app { font-family: var(--magnitude-font-sans); background: var(--magnitude-canvas); color: var(--magnitude-text); accent-color: var(--magnitude-action); }
.magnitude-app :is(h1, h2, h3) { letter-spacing: -.025em; }
.magnitude-app h1 { font-weight: 750; }
.magnitude-auth { background: radial-gradient(ellipse at 95% 5%, #f2b33314, transparent 45%), radial-gradient(ellipse at 5% 95%, #82b78016, transparent 40%), var(--magnitude-canvas); }
.magnitude-nav-item[aria-current="page"] { box-shadow: inset 3px 0 0 var(--magnitude-orange); }
.magnitude-public-header { border-top: 3px solid var(--magnitude-sage); }

@media (prefers-reduced-motion: reduce) {
  .magnitude-app .magnitude-button { transition: none; }
}