/*
  Design tokens Sanfix — cores extraídas por amostragem de pixel das logos
  reais (assets/logos), não inventadas. Pensado para ser reaproveitado em
  outras páginas do site da Sanfix além desta LP.
*/
:root {
  /* Cores de marca */
  --color-navy-900: #1b1a4d;
  --color-navy-800: #21205c;
  --color-navy-700: #2c2b6e;
  --color-green-600: #00994a;
  --color-green-500: #00a651;
  --color-green-100: #e3f6ea;
  --color-orange-500: #f08100;
  --color-orange-100: #fdf0e0;

  /* Neutros */
  --color-white: #ffffff;
  --color-gray-50: #f4f6f7;
  --color-gray-100: #e9edee;
  --color-gray-300: #cbd3d5;
  --color-gray-500: #6b7678;
  --color-gray-700: #3d4547;
  --color-gray-900: #1c2122;

  /* Papéis semânticos */
  --color-bg: var(--color-white);
  --color-bg-alt: var(--color-gray-50);
  --color-text: var(--color-gray-900);
  --color-text-muted: var(--color-gray-700);
  --color-text-on-dark: var(--color-white);
  --color-brand-primary: var(--color-navy-800);
  --color-brand-accent: var(--color-green-500);
  --color-accent-highlight: var(--color-orange-500);
  --color-border: var(--color-gray-100);
  --color-focus-ring: var(--color-green-600);

  /* Tipografia */
  --font-sans: "Inter", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 2.75rem;
  --lh-tight: 1.2;
  --lh-normal: 1.55;

  /* Espaçamento */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Formas */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(28, 33, 34, 0.06), 0 1px 1px rgba(28, 33, 34, 0.04);
  --shadow-md: 0 4px 16px rgba(28, 33, 34, 0.08);

  /* Layout */
  --container-max: 1200px;
  --header-height: 144px;
  --header-height-mobile: 64px;
  --sticky-cta-height: 60px;

  /* Movimento */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 220ms;
}
