/* Grupo Griffin — design tokens
   Extraído de grupogriffin.com (Elementor kit 12) */

/* Gilroy — DESLIGADO até os arquivos chegarem.
   A pasta /fonts/ não existe. Como "Gilroy" é a primeira da pilha em
   --f-display e --f-body, cada visita disparava dois pedidos que voltavam 404
   e o texto ficava esperando o font-display:swap antes de cair no Outfit.
   Hoje renderiza direto em Outfit, que é o que já se via.

   Para religar: ponha Gilroy-Light.woff2 e Gilroy-ExtraBold.woff2 em /fonts/
   e tire o comentário daqui — o resto do CSS já pede "Gilroy" primeiro.
   Se o site não for servido na raiz do domínio, troque /fonts/ por fonts/.

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-Light.woff2') format('woff2'),
       url('/fonts/Gilroy-Light.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-ExtraBold.woff2') format('woff2'),
       url('/fonts/Gilroy-ExtraBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/

:root {
  /* --- Marca --- */
  --brand-orange: #FF8015;        /* laranja principal (mais usado) */
  --brand-orange-kit: #FF8B1E;    /* valor declarado no kit Elementor */
  --brand-orange-light: #FF9D41;
  --brand-orange-dark: #FF6700;
  --brand-red: #E53423;           /* extremo do gradiente do logo */
  --brand-yellow: #F9B62E;        /* início do gradiente do logo */

  --gradient-brand: linear-gradient(180deg, #FF8C16 0%, #FF6700 100%);
  --gradient-card: linear-gradient(160deg, #FF9D41 0%, #FF690E 100%);
  --gradient-logo: linear-gradient(135deg, #F9B62E 0%, #F6A335 50%, #E53423 100%);

  /* --- Neutros --- */
  --color-heading: #282828;
  --color-text: #5D5D5D;
  --color-text-muted: #7E7E7E;
  --color-text-on-dark: #C8D5DC;

  --surface: #FFFFFF;
  --surface-alt: #F5F5F5;
  --surface-alt-2: #F0F0F0;
  --surface-dark: #242828;
  --surface-dark-2: #1E1E1E;
  --border: #BBBBBB;

  /* --- Tipografia --- */
  --font-sans: 'Gilroy', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  --fs-xs: 0.8em;
  --fs-sm: 0.9em;
  --fs-base: 1em;
  --fs-md: 1.2em;
  --fs-lg: 1.5em;
  --fs-xl: 1.6em;
  --fs-2xl: 2em;
  --fs-3xl: 3em;

  --lh-tight: 1.1em;
  --lh-base: 1.2em;
  --lh-relaxed: 1.3em;

  /* --- Forma --- */
  --radius-sm: 10px;
  --radius-md: 20px;
  --radius-lg: 25px;
  --radius-xl: 35px;
  --radius-pill: 100px;
  --radius-blob: 200px;

  /* --- Sombras --- */
  --shadow-sm: 0 3px 20px -15px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 0 25px -10px rgba(0, 0, 0, 0.16);
  --shadow-lg: 0 0 30px -10px rgba(0, 0, 0, 0.16);
  --shadow-glow: 0 0 20px -5px #FF8022;

  /* --- Layout --- */
  --container-max: 1140px;
  --space-widget: 20px;
  --bp-tablet: 1024px;
  --bp-mobile: 767px;
}

@media (max-width: 1024px) {
  :root { --fs-2xl: 1.6em; --fs-lg: 1.3em; }
}
@media (max-width: 767px) {
  :root { --fs-2xl: 1.6em; --fs-lg: 1.2em; --lh-base: 1.3em; }
}