/*
 * Tokens da landing Gfflog System.
 * Fonte: Figma 5uVVrUqoPultIJxmD3XrV3, frame 1227:10179 (desktop 1440).
 * O arquivo não publica variáveis (get_variable_defs vazio); os valores abaixo
 * foram lidos diretamente dos nós via get_design_context.
 */

@font-face {
  font-family: "Coolvetica";
  src: url("../fonts/coolvetica-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-700-italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Fundos */
  --color-bg: #030916;            /* header (0.91), Payment integration 1262:49 */
  --color-surface: #071326;       /* seções alternadas, cards padrão */
  --color-surface-raised: #0b1c35; /* cards em destaque, FAQ aberto */
  --color-header-bg: rgba(3, 9, 22, 0.91);

  /* Marca */
  --color-primary: #2f65e9;
  --color-primary-soft: rgba(23, 73, 183, 0.15);
  --color-primary-deep: #1749b7;
  --color-accent: #22c7f2;        /* eyebrows, valores positivos, checks */
  --color-link: #90b0ff;
  --color-success: #2dde3c;       /* "Tudo do X mais:" nos planos */

  /* Texto */
  --color-text: #ffffff;
  --color-text-muted: #a5b4cc;
  --color-text-subtle: #637895;

  /* Bordas */
  --color-border: rgba(255, 255, 255, 0.1);
  --color-border-primary: rgba(47, 101, 233, 0.3);
  --color-border-primary-strong: rgba(47, 101, 233, 0.5);
  --color-border-faq-open: rgba(47, 101, 233, 0.35);

  /* Tipografia */
  --font-display: "Coolvetica", "Poppins", system-ui, sans-serif;
  --font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-product: "Inter", "Poppins", system-ui, sans-serif;

  /* Raios */
  --radius-tag: 5px;
  --radius-faq: 8px;
  --radius-button: 10px;
  --radius-icon: 12px;
  --radius-card: 16px;
  --radius-panel: 24px;
  --radius-pill: 100px;

  /* Layout */
  --container-max: 1216px;        /* 1440 - 2 x 112 */
  --header-gap: 16px;   /* distância da pílula até o topo */
  --header-pill: 64px;  /* altura da barra flutuante */
  --header-height: calc(var(--header-gap) + var(--header-pill));
  --header-padding-x: 80px;
  --section-padding-y: 104px;
  --gutter: 112px;

  /* Efeitos */
  --shadow-preview: 0 24px 32px rgba(0, 0, 0, 0.4);
  --focus-ring: 2px solid var(--color-accent);
}