/*
 * tokens.css — shared Carticipate design tokens.
 *
 * Only the values that are universal across pages live here. Per-page
 * overrides (dashboard's dark-mode palette, onboarding/create's larger
 * radius, etc.) stay in each page's inline `:root` block, which loads
 * after this file and wins via the cascade.
 *
 * When you change a value here, audit each HTML's local `:root` for
 * an override that needs to track the new value.
 */

:root {
  /* Brand palette — same on every page */
  --navy: #1a2b5c;
  --navy-2: #2a4080;
  --slate: #6b7d8d;
  --sky: #c5e2f6;
  --sky-light: #e8f4fd;
  --green: #2d8a4e;
  --green-bright: #34b364;
  --red: #d94f4f;
  --blue-dot: #4a7fd4;

  /* Light-mode surface (dashboard.html overrides for dark mode) */
  --bg: #e8f4fd;
  --text: #1a2b5c;
  --text-dim: #4a5a7a;
  --text-muted: #8898aa;
  --border: rgba(26, 43, 92, 0.12);
  --glass: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.95);

  /* Geometry */
  --radius: 16px;
  --radius-lg: 24px;

  /* Typography */
  --font: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Outfit', 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Gradients */
  --navy-grad: linear-gradient(135deg, #1a2b5c, #2a4080);
}