:root {
  /* Cores de destaque (terracota amadeirado) */
  --color-primary: #B5603C;
  --color-primary-focus: #C97A4A;
  --color-primary-on-dark: #E0956B;

  /* Texto */
  --color-ink: #1d1d1f;
  --color-body: #1d1d1f;
  --color-body-on-dark: #ffffff;
  --color-body-muted: #cccccc;
  --color-ink-muted-80: #333333;
  --color-ink-muted-48: #7a7a7a;

  /* Divisores e bordas */
  --color-divider-soft: #f0f0f0;
  --color-hairline: #e0e0e0;

  /* Superfícies claras */
  --color-canvas: #ffffff;
  --color-canvas-parchment: #f5f5f7;
  --color-surface-pearl: #fafafc;

  /* Superfícies escuras */
  --color-surface-tile-1: #272729;
  --color-surface-tile-2: #2a2a2c;
  --color-surface-tile-3: #252527;
  --color-surface-black: #000000;

  /* Sobre cor de destaque */
  --color-on-primary: #ffffff;
  --color-on-dark: #ffffff;

  /* Tipografia */
  --font-family: system-ui, -apple-system, "Segoe UI", sans-serif;

  --font-hero-size: 56px;
  --font-hero-weight: 600;
  --font-hero-line-height: 1.07;
  --font-hero-letter-spacing: -0.28px;

  --font-display-lg-size: 40px;
  --font-display-lg-weight: 600;
  --font-display-lg-line-height: 1.1;

  --font-lead-size: 28px;
  --font-lead-weight: 400;
  --font-lead-line-height: 1.14;

  --font-body-size: 17px;
  --font-body-weight: 400;
  --font-body-line-height: 1.47;
  --font-body-letter-spacing: -0.374px;

  --font-body-strong-weight: 600;

  --font-caption-size: 14px;
  --font-caption-weight: 400;

  /* Espaçamento */
  --spacing-section: 80px;
  --spacing-lg: 24px;

  /* Raios de borda */
  --rounded-none: 0;
  --rounded-sm: 8px;
  --rounded-md: 11px;
  --rounded-lg: 18px;
  --rounded-pill: 999px;

  /* Sombra única (reservada para imagens de produto/projeto) */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px;
}