/* IGA Pesquisas — tokens.css
 * Gerado a partir de tokens.json. Não edite à mão: edite tokens.json e regere.
 */

:root,
[data-theme="light"] {
  --surface-100: #faf7f1;
  --surface-200: #f2ece0;
  --surface-raised: #ffffff;
  --surface-inset: #ece5d6;
  --overlay: rgba(28,24,18,0.55);
  --ink: #23201b;
  --ink-muted: #6b6255;
  --ink-subtle: #7a6e5d;
  --ink-inverse: #faf7f1;
  --brand: #4a5d33;
  --brand-strong: #35441f;
  --brand-soft: #e6ecd6;
  --on-brand: #f7f4ec;
  --accent: #b4472c;
  --accent-strong: #8f3620;
  --accent-soft: #f7e3da;
  --on-accent: #fff8f4;
  --border-100: #e3dbcb;
  --border-strong: #8f8270;
  --focus: #33451c;
  --success: #186b5a;
  --success-soft: #dcefe6;
  --warning: #8a5a11;
  --warning-soft: #f6ead2;
  --danger: #a33a22;
  --danger-soft: #f8e1da;
  --info: #1a6eae;
  --info-soft: #dde9f5;
  --on-status: #ffffff;
  --whatsapp: #0e7a48;
  --on-whatsapp: #ffffff;
  --chart-1: #c25a1c;
  --chart-2: #1a6eae;
  --chart-3: #6f9327;
  --chart-4: #93509e;
  --chart-5: #a87c10;
  --chart-grid: #e6dfd1;
  --nps-promotor: #4c7a2c;
  --nps-neutro: #a87c10;
  --nps-detrator: #b3462a;
  --shadow-sm: 0 1px 2px rgba(35,32,27,0.08);
  --shadow-md: 0 6px 16px rgba(35,32,27,0.10);
  --shadow-lg: 0 18px 40px rgba(35,32,27,0.18);
}

[data-theme="dark"] {
  --surface-100: #16140f;
  --surface-200: #1f1c15;
  --surface-raised: #24211a;
  --surface-inset: #100e0a;
  --overlay: rgba(0,0,0,0.66);
  --ink: #f2ece0;
  --ink-muted: #b0a695;
  --ink-subtle: #877e6f;
  --ink-inverse: #16140f;
  --brand: #9dbd6e;
  --brand-strong: #b6d189;
  --brand-soft: #2c3a1c;
  --on-brand: #1a1f12;
  --accent: #e08b6b;
  --accent-strong: #eda386;
  --accent-soft: #3a1d12;
  --on-accent: #2a150d;
  --border-100: #332f26;
  --border-strong: #756b5c;
  --focus: #cfe0a3;
  --success: #58bda2;
  --success-soft: #10302a;
  --warning: #d9a63f;
  --warning-soft: #35270d;
  --danger: #ef8a6f;
  --danger-soft: #3a150d;
  --info: #74b6e8;
  --info-soft: #10283c;
  --on-status: #14110c;
  --whatsapp: #46c68a;
  --on-whatsapp: #0a2418;
  --chart-1: #c25a1c;
  --chart-2: #1a6eae;
  --chart-3: #6f9327;
  --chart-4: #93509e;
  --chart-5: #a87c10;
  --chart-grid: #2b2720;
  --nps-promotor: #8cc25f;
  --nps-neutro: #d9a63f;
  --nps-detrator: #e08b6b;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-md: 0 6px 16px rgba(0,0,0,0.55);
  --shadow-lg: 0 18px 40px rgba(0,0,0,0.65);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-100: #16140f;
    --surface-200: #1f1c15;
    --surface-raised: #24211a;
    --surface-inset: #100e0a;
    --overlay: rgba(0,0,0,0.66);
    --ink: #f2ece0;
    --ink-muted: #b0a695;
    --ink-subtle: #877e6f;
    --ink-inverse: #16140f;
    --brand: #9dbd6e;
    --brand-strong: #b6d189;
    --brand-soft: #2c3a1c;
    --on-brand: #1a1f12;
    --accent: #e08b6b;
    --accent-strong: #eda386;
    --accent-soft: #3a1d12;
    --on-accent: #2a150d;
    --border-100: #332f26;
    --border-strong: #756b5c;
    --focus: #cfe0a3;
    --success: #58bda2;
    --success-soft: #10302a;
    --warning: #d9a63f;
    --warning-soft: #35270d;
    --danger: #ef8a6f;
    --danger-soft: #3a150d;
    --info: #74b6e8;
    --info-soft: #10283c;
    --on-status: #14110c;
    --whatsapp: #46c68a;
    --on-whatsapp: #0a2418;
    --chart-1: #c25a1c;
    --chart-2: #1a6eae;
    --chart-3: #6f9327;
    --chart-4: #93509e;
    --chart-5: #a87c10;
    --chart-grid: #2b2720;
    --nps-promotor: #8cc25f;
    --nps-neutro: #d9a63f;
    --nps-detrator: #e08b6b;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
    --shadow-md: 0 6px 16px rgba(0,0,0,0.55);
    --shadow-lg: 0 18px 40px rgba(0,0,0,0.65);
  }
}

:root {
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --space-9: 64px;
  /* radius */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  /* layout */
  --width-content: 1200px;
  --width-feed: 620px;
  --width-min: 320px;
  --size-tap: 44px;
  --size-header: 56px;
  --size-rail: 248px;
  /* famílias tipográficas */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Archivo", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
}

/* Display */
.display-xl {
  font-family: var(--font-display);
  font-size: 44px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.display-l {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.display-m {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Texto */
.title-l {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
.title-m {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
}
.body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.body-s {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.overline {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.09em;
}

/* Dados */
.metric-xl {
  font-family: var(--font-mono);
  font-size: 34px;
  line-height: 38px;
  font-weight: 600;
}
.metric {
  font-family: var(--font-mono);
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
.data-s {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}