/* Captura de tela 14 4 2026 10850 rapeto.webflow.io — generated by skilled.design */

:root {
  /* Colors */
  --bg-primary: #F5F5F0;
  --bg-surface: #FFFFFF;
  --bg-dark: #1A1A1A;
  --text-primary: #111111;
  --text-secondary: #555555;
  --text-muted: #888888;
  --text-on-dark: #FFFFFF;
  --accent-yellow: #F5C842;
  --border-default: #E8E8E2;
  --btn-primary-bg: #000000;
  --accent-green: #2D6A4F;
  --bg-muted: #D9D9D2;

  /* Typography */
  --font-inter: 'Inter', system-ui, sans-serif;

  /* Type Scale */
  --text-heading-hero: 36px;
  --weight-heading-hero: 700;
  --leading-heading-hero: 1.2;
  --text-heading-section: 24px;
  --weight-heading-section: 700;
  --leading-heading-section: 1.3;
  --text-heading-stat: 28px;
  --weight-heading-stat: 800;
  --leading-heading-stat: 1.1;
  --text-body-regular: 13px;
  --weight-body-regular: 400;
  --leading-body-regular: 1.6;
  --text-label-small: 10px;
  --weight-label-small: 400;
  --leading-label-small: 1.4;
  --text-label-stat: 11px;
  --weight-label-stat: 500;
  --leading-label-stat: 1.4;
  --text-nav-link: 11px;
  --weight-nav-link: 500;
  --leading-nav-link: 1.4;
  --text-footer-brand: 28px;
  --weight-footer-brand: 700;
  --leading-footer-brand: 1.2;
  --text-cta-heading: 22px;
  --weight-cta-heading: 700;
  --leading-cta-heading: 1.3;

  /* Spacing */
  --section-vertical: 48px;
  --section-horizontal: 20px;
  --card-padding: 12px;
  --card-gap: 12px;
  --stat-block-padding: 16px;
  --nav-height: 40px;
  --hero-padding-top: 40px;
  --thumbnail-gap-tight: 8px;
  --footer-padding: 32px;

  /* Effects */
  --card-radius: 8px;
  --card-radius-large: 12px;
  --btn-radius: 6px;
  --nav-radius: 20px;
  --card-shadow: 0px 2px 8px rgba(0,0,0,0.08);
  --card-border: 1px solid #E8E8E2;
  --section-dark-overlay: solid #1A1A1A;

}