/* Tokens de design — paleta extraída do logo CASALMABE */
:root {
  /* Azuis da marca */
  --navy-950: #000314;   /* fundo da versão escura oficial */
  --navy-900: #030B26;
  --navy-850: #061335;
  --navy-800: #0A1C48;
  --blue-700: #014898;   /* início do degradê do símbolo */
  --blue-600: #035EAE;
  --blue-500: #0577BF;
  --cyan-400: #07A3D8;   /* fim do degradê do símbolo */
  --cyan-300: #56C8EF;
  --cyan-200: #A6E3F7;
  --white: #FFFFFF;

  /* Texto */
  --text: #EDF4FC;
  --text-2: rgba(214, 229, 247, 0.74);
  --text-3: rgba(186, 208, 236, 0.52);

  /* Superfícies e linhas */
  --line: rgba(118, 176, 240, 0.14);
  --line-strong: rgba(110, 195, 255, 0.32);
  --card: rgba(12, 34, 86, 0.28);
  --card-strong: rgba(14, 42, 104, 0.45);

  --grad: linear-gradient(100deg, var(--blue-700) 0%, var(--cyan-400) 100%);
  --grad-soft: linear-gradient(135deg, rgba(1, 72, 152, 0.55), rgba(7, 163, 216, 0.25));

  /* Tipografia */
  --font-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-accent: 'Fraunces', Georgia, 'Times New Roman', serif;

  /* Espaço e forma */
  --radius-lg: 28px;
  --radius: 20px;
  --radius-sm: 14px;
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 40px);
  --section-y: clamp(80px, 10vw, 128px);

  /* Movimento */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}