:root {
  /* Cores de marca */
  --color-navy: #07152d;
  --color-navy-700: #0c2342;
  --color-navy-600: #122c52;
  --color-blue: #0b96f5;
  --color-blue-600: #0a82d6;
  --color-blue-light: #eaf5ff;
  --color-purple: #6417d5;
  --color-purple-600: #4f10ab;
  --color-indigo: #3a1fc9;

  /* Cores de apoio para icones/cards */
  --color-orange: #f2994a;
  --color-green: #1fb17a;
  --color-pink: #e94f91;

  /* Texto e superficies */
  --color-text: #17243b;
  --color-text-strong: #0c1830;
  --color-muted: #5b6b85;
  --color-muted-soft: #8795ab;
  --color-surface: #ffffff;
  --color-surface-alt: #f4f7fb;
  --color-background: #f7f9fc;
  --color-border: #e4e9f1;
  --color-border-strong: #d6deea;

  /* Tipografia */
  --font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-h1: clamp(2.1rem, 1.5rem + 2.6vw, 3.4rem);
  --fs-h2: clamp(1.7rem, 1.35rem + 1.5vw, 2.35rem);
  --fs-h3: 1.375rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.9rem;
  --fs-xs: 0.8rem;
  --fs-label: 0.78rem;

  /* Layout */
  --container-width: 1280px;
  --container-pad: clamp(20px, 5vw, 48px);
  --space-section: clamp(56px, 7vw, 96px);
  --space-section-sm: clamp(40px, 5vw, 64px);

  /* Raio e sombra */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 2px 10px rgba(12, 32, 66, 0.06), 0 1px 2px rgba(12, 32, 66, 0.04);
  --shadow-card-hover: 0 18px 34px rgba(12, 32, 66, 0.12), 0 4px 10px rgba(12, 32, 66, 0.06);
  --shadow-float: 0 24px 60px rgba(7, 21, 45, 0.35);

  /* Transicoes */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition: 220ms var(--ease);

  /* Header */
  --header-height: 76px;
}