/* =========================================
   VARIÁVEIS — tokens de design
   Nunca repita um valor em dois lugares.
   ========================================= */
:root {
  /* Cores */
  --navy:   #0b1f3a;
  --blue:   #1e90d6;
  --sky:    #5bc8f5;
  --white:  #fff;
  --offwh:  #f4f8fb;
  --muted:  #5a7080;

  /* Layout */
  --max: 1140px;
  --g:   clamp(20px, 4vw, 48px);

  /* Tipografia */
  --font: 'Raleway', sans-serif;

  /* Bordas / sombras */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --shadow-card: 0 2px 16px rgba(0, 0, 0, .06);
}