/* =========================================================
   VARIABLES.CSS
   ---------------------------------------------------------
   Edite aqui para mudar cores, raios, largura e espaçamento.
   ========================================================= */
:root {
  --navy-950: #04162b;
  --navy-900: #071e38;
  --navy-850: #0a2846;
  --navy-800: #103555;

  --cream: #fffaf0;
  --cream-2: #fff6df;
  --paper: #fffdf8;
  --white: #ffffff;

  --ink: #172235;
  --ink-soft: #4d5a6a;

  --yellow: #ffbf26;
  --yellow-2: #ffd86b;
  --yellow-3: #ffecae;
  --coral: #ff5a55;
  --green: #1d9b62;
  --green-dark: #117548;
  --purple: #7d4dc1;

  --border-gold: rgba(255, 191, 38, .62);
  --border-light: rgba(18, 42, 66, .10);

  --shadow-soft: 0 16px 45px rgba(11, 33, 55, .10);
  --shadow-card: 0 12px 28px rgba(11, 33, 55, .12);
  --shadow-cta: 0 14px 34px rgba(255, 191, 38, .25);

  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-pill: 999px;

  --container: 1160px;
  --section-pad: 92px;
}