/* Pasted verbatim from docs/style-guide.md §3 */
:root {
  --color-bg: #FFFFFF;
  --color-surface: #EEF2F7;
  --color-primary: #0A1F44;
  --color-accent: #3B7BFF;
  --color-on-primary: #FFFFFF;
  --color-on-dark: #FFFFFF;
  --text-heading: #0A1F44;
  --text-body: #0A1F44;
  --text-muted: #5B6B82;
  --color-border: #DCE3EE;
  --color-link: #2563D9;
  --color-link-hover: #1F4FC4;
  --color-focus: #3B7BFF;
  --color-success: #17784A;
  --color-error: #C62F2F;
  --color-warning: #9A6A00;
  --color-info: #2563D9;
  /* brand extras */
  --color-dark-deep: #06132B; /* Noite */
}

/* Build-level extras (derived, not new brand hues):
   Elétrico tints used only as text on dark backgrounds, as in the manual's
   story/post mockups. Contrast: #9DBBFF on Noite 9.67:1, on Azul Profundo
   8.50:1; #7FA6FF on Noite 7.75:1, on Azul Profundo 6.81:1. */
:root {
  --color-accent-light: #9DBBFF;
  --color-accent-label: #7FA6FF;
  --color-steel: #1C3766;

  --font-display: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-label: 'Josefin Sans', 'Century Gothic', 'Futura', sans-serif;

  --radius: 18px;
  --gutter: 24px;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}