/* Mini & Magic — design tokens */

:root {
  /* Cores da marca */
  --c-fundo: #ffffff;
  --c-fundo-alt: #f4f1ea;
  --c-texto: #333333;
  --c-titulo: #0a303a;
  --c-acento: #df8b91;
  --c-acento-hover: #c9757b;
  --c-azul: #a0c3ce;

  /* Cores dos cartões de serviço */
  --c-card-rosa: #ffdbd2;
  --c-card-rosa-tit: #e95d3a;
  --c-card-azul: #dff8ff;
  --c-card-azul-tit: #167287;
  --c-card-laranja: #ffefdf;
  --c-card-laranja-tit: #f68f29;
  --c-card-verde: #e6f9e5;
  --c-card-verde-tit: #5e9f5a;

  /* Cores de apoio */
  --c-borda: #e6e0d6;
  --c-estrela: #fbbc04;

  /* Tipografia */
  --f-display: "Sensei", "Catamaran", system-ui, sans-serif;
  --f-corpo: "Catamaran", system-ui, -apple-system, sans-serif;

  --fs-100: 0.875rem;   /* 14px */
  --fs-200: 1rem;       /* 16px */
  --fs-300: 1.125rem;   /* 18px — corpo */
  --fs-400: 1.25rem;    /* 20px */
  --fs-500: 1.625rem;   /* 26px */
  --fs-600: clamp(1.75rem, 1.2rem + 2.2vw, 2.625rem);  /* h2 */
  --fs-700: clamp(2rem, 1.2rem + 3.4vw, 3.25rem);      /* h1 */
  --fs-preco: clamp(2.75rem, 2rem + 3vw, 4rem);

  --lh-titulo: 1.1;
  --lh-corpo: 1.5;

  /* Espaçamento (escala 8) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* Layout */
  --wrap: 1140px;
  --wrap-estreito: 900px;
  --header-h: 88px;

  /* Formas */
  --r-sm: 4px;
  --r-md: 12px;
  --r-lg: 24px;
  --r-xl: 40px;
  --r-full: 999px;

  --sombra-sm: 0 2px 8px rgba(10, 48, 58, 0.06);
  --sombra-md: 0 6px 24px rgba(10, 48, 58, 0.08);

  --transicao: 180ms ease;
}