/* =============================================================================
 * tokens.css — Design tokens (Farol Design System, tema claro)
 * -----------------------------------------------------------------------------
 * Reconstrução própria da escala de design da referência. Todos os valores são
 * expostos como custom properties para manter consistência e facilitar futuras
 * expansões (ex.: tema escuro adicionando um bloco [data-theme="dark"]).
 * ========================================================================== */

:root {
  color-scheme: light;

  /* ---- Cores: base neutra clara (fundos / superfícies) -------------------- */
  --c-high-pure: #ffffff;
  --c-high-1: #f1f5f9;
  --c-high-2: #e2e8f0;
  --c-high-3: #ccd5e1;
  --c-high-4: #b3c0d0;

  /* ---- Cores: base neutra escura (texto / primeiro plano) ----------------- */
  --c-low-pure: #0f172a;
  --c-low-1: #2b3950;
  --c-low-2: #455468;
  --c-low-3: #5c6f8a;
  --c-low-4: #788ba5;

  /* ---- Cores: marca primária (verde) ------------------------------------- */
  --c-primary-1: #e6f4f0;
  --c-primary-2: #c9e9df;
  --c-primary-3: #00664f;
  --c-primary-4: #004d3b;
  --c-primary-pure: #007a5f;

  /* ---- Cores: marca secundária / terciária ------------------------------- */
  --c-secondary-2: #d9ebc6;
  --c-secondary-3: #99c969;
  --c-secondary-pure: #7ab441;
  --c-tertiary-pure: #0474e2;

  /* ---- Cores: feedback ---------------------------------------------------- */
  --c-info-1: #ebf5ff;
  --c-info-pure: #0474e2;
  --c-positive-3: #669337;
  --c-positive-pure: #98cc60;
  --c-warning-pure: #fbd94b;
  --c-negative-pure: #e41e3f;

  /* ---- Sobreposição ------------------------------------------------------- */
  --c-overlay: #0f172a;

  /* ---- Tipografia --------------------------------------------------------- */
  --font-base: 'Inter', system-ui, -apple-system, 'Segoe UI', Oxygen, Ubuntu,
    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  --fs-4xs: 10px;
  --fs-3xs: 12px;
  --fs-2xs: 14px;
  --fs-xs: 16px;
  --fs-sm: 18px;
  --fs-md: 20px;
  --fs-lg: 24px;
  --fs-xl: 28px;
  --fs-2xl: 32px;
  --fs-3xl: 40px;

  --lh-xs: 1;
  --lh-sm: 1.3;
  --lh-md: 1.5;
  --lh-lg: 1.7;

  --ls-sm: -0.4px;
  --ls-md: 0.4px;

  /* ---- Espaçamento -------------------------------------------------------- */
  --sp-6xs: 4px;
  --sp-5xs: 8px;
  --sp-4xs: 12px;
  --sp-3xs: 16px;
  --sp-2xs: 24px;
  --sp-xs: 32px;
  --sp-sm: 40px;
  --sp-md: 48px;
  --sp-lg: 56px;
  --sp-xl: 64px;
  --sp-2xl: 80px;
  --sp-3xl: 96px;

  /* ---- Raios de borda ----------------------------------------------------- */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 500px;
  --radius-circle: 50%;

  /* ---- Larguras de borda -------------------------------------------------- */
  --bw-sm: 1px;
  --bw-md: 2px;
  --bw-lg: 4px;

  /* ---- Sombras ------------------------------------------------------------ */
  --shadow-1: 0 2px 4px 0 rgba(25, 52, 102, 0.04);
  --shadow-2: 0 2px 8px 0 rgba(25, 52, 102, 0.08);
  --shadow-3: 0 4px 24px 0 rgba(25, 52, 102, 0.08);
  --shadow-4: 0 8px 40px 0 rgba(25, 52, 102, 0.08);
  --shadow-5: 0 16px 56px 0 rgba(25, 52, 102, 0.08);

  /* ---- Movimento ---------------------------------------------------------- */
  --dur-fast-1: 80ms;
  --dur-fast-2: 160ms;
  --dur-medium-1: 240ms;
  --dur-medium-2: 320ms;
  --dur-slow-1: 480ms;
  --ease-productive: cubic-bezier(0, 0, 0.3, 1);
  --ease-expressive: cubic-bezier(0.4, 0.12, 0.4, 1);

  /* ---- Opacidades --------------------------------------------------------- */
  --op-1: 0.8;
  --op-2: 0.64;
  --op-3: 0.32;
  --op-4: 0.16;
  --op-5: 0.08;

  /* ---- Layout ------------------------------------------------------------- */
  --container-max: 1312px;
  --bp-sm: 768px;
  --bp-md: 1024px;
  --bp-lg: 1280px;
  --bp-xl: 1440px;
}