/* base.css — variables de marca, reset y tipografía base compartidos por todas las páginas. */

:root {
  /* Paleta de marca raferr */
  --navy: #000328;
  --royal: #00458E;
  --white: #ffffff;
  --black: #000000;

  /* Variaciones funcionales derivadas */
  --paper: #fafbfd;
  --paper-soft: #f4f6fa;
  --paper-deep: #e9ecf3;
  --rule: #d8dde6;
  --rule-soft: #e8ecf2;
  --ink: #0a0e22;
  --ink-soft: #3a4258;
  --ink-dim: #6a7186;
  --ink-faint: #9aa1b3;

  --royal-soft: rgba(0, 69, 142, 0.08);
  --royal-tint: rgba(0, 69, 142, 0.04);
  --royal-glow: rgba(0, 69, 142, 0.18);
  --highlight: #ffeb9a;
  --highlight-strong: #fbcb3f;

  --display: 'Montserrat', system-ui, sans-serif;
  --body: 'Lato', system-ui, sans-serif;
  --mono: 'JetBrains Mono', monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--body);
  background: var(--paper);
  color: var(--ink);
  line-height: 1.65;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--royal);
  color: var(--white);
}