/* Nihehe design tokens. Change a value here and every page that uses var(--name) follows. */
:root {
  --brand: #132d4c;        /* navy: text, header, primary buttons */
  --brand-dark: #0d2036;   /* pressed / hover */
  --brand-light: #e8f6fd;  /* light sky tint: pills, soft backgrounds */
  --accent: #00aee7;       /* sky blue: on navy, icons, fills with navy text. Never as text on white */
  --ink: #132d4c;
  --muted: #5b6b7f;
  --surface: #ffffff;
  --page: #f4f7fa;
  --line: #e3e9f0;
  --danger: #d92d20;
  --radius-card: 28px;
  --radius-field: 16px;
  --radius-pill: 9999px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --shadow-card: 0 8px 24px rgba(19, 45, 76, .08);
  --shadow-sheet: 0 -12px 40px rgba(19, 45, 76, .25);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}