/* MidGuide tokens, from the shared Simpla style guide (version 1, 31.10.2026) */
:root {
  --navy: #1B2D6B;
  --coral: #F7636B;
  --yellow: #FFE94A;
  --paper: #FBFAF6;
  --white: #FFFFFF;
  --ink: #46527F;
  --mist: #EEF0F5;
  --line: #BFC4D6;
  --success: #1E7A4C;
  --success-tint: #E8F5EE;
  --error: #C4303B;
  --error-tint: #FDECEC;

  --he: "Heebo", "Segoe UI", "Arial Hebrew", "Noto Sans Hebrew", "Liberation Sans", Arial, sans-serif;
  --en: "Poppins", "Segoe UI", "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace;

  --r-field: 12px;
  --r-card: 20px;
  --r-pill: 999px;

  --gutter: 16px;
  --maxw: 1200px;
}

@media (min-width: 1024px) {
  :root {
    --r-card: 24px;
    --gutter: 32px;
  }
}