:root {
  /* Colors */
  --r-color-blue: #1f2530;
  --r-color-gold: #c1a57a;
  --r-color-gold-dark: #b57f2d;
  --r-color-milk: #f7e7ce;
  --r-color-gray: #f2f2f2;
  --r-color-white: #ffffff;

  --r-color-muted: rgba(31, 37, 48, 0.52);
  --r-color-soft: rgba(31, 37, 48, 0.68);
  --r-color-line: rgba(31, 37, 48, 0.12);
  --r-color-gold-glow: rgba(193, 165, 122, 0.24);

  /* Fonts */
  --r-font-heading: "Akrobat RULATAM Headline", "Inter Tight RULATAM", "Inter Tight", Inter, system-ui, sans-serif;
  --r-font-ui: "Inter Tight RULATAM", "Inter Tight", Inter, system-ui, sans-serif;
  --r-font-body: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Type */
  --r-size-hero: 90px;
  --r-size-h1: 90px;
  --r-size-h2: 40px;
  --r-size-h3: 24px;
  --r-size-lead: 17px;
  --r-size-body: 15px;
  --r-size-small: 13px;
  --r-size-label: 10px;

  --r-lh-hero: 96px;
  --r-lh-h1: 96px;
  --r-lh-h2: 48px;
  --r-lh-h3: 32px;
  --r-lh-heading: 1.08;
  --r-lh-lead: 1.5;
  --r-lh-body: 1.62;

  --r-weight-h1: 900;
  --r-weight-h2: 800;
  --r-weight-h3: 700;
  --r-letter-h1: -1px;

  /* Layout */
  --r-container: 1200px;
  --r-editorial: 860px;
  --r-gutter: 40px;
  --r-section-y: 68px;
  --r-section-y-compact: 28px;
  --r-card-gap: 24px;
  --r-card-pad-y: 26px;
  --r-card-pad-x: 28px;
  --r-card-radius: 18px;
  --r-card-radius-large: 22px;
  --r-card-radius-small: 14px;
  --r-grid-gap: 16px;

  /* Effects */
  --r-shadow-card: 0 1px 6px rgba(32, 33, 36, 0.28);
  --r-shadow-soft: 0 18px 44px rgba(31, 37, 48, 0.09);
  --r-shadow-hero-button: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 6px rgba(193, 165, 122, 0.28);

  /* Buttons */
  --r-button-size: 12px;
  --r-button-weight: 650;
  --r-button-letter: 0.9px;
  --r-button-height: 60px;

  /* Country accents */
  --r-country-argentina: #4a8cb9;
  --r-country-brazil: #319629;
  --r-country-uruguay: #0038a8;
  --r-country-panama: #138a8a;
  --r-country-paraguay: #8d0303;
  --r-country-costarica: #2d6a4f;
}

@media (max-width: 768px) {
  :root {
    --r-size-hero: 36px;
    --r-size-h1: 36px;
    --r-size-h2: 28px;
    --r-size-h3: 20px;
    --r-lh-hero: 40px;
    --r-lh-h1: 40px;
    --r-lh-h2: 34px;
    --r-lh-h3: 26px;
    --r-gutter: 20px;
    --r-section-y: 52px;
    --r-card-gap: 16px;
  }
}