:root {
  /* Brand — mesmas cores do tema atual */
  --f42-brand: #503851;
  --f42-brand-soft: #99839a;
  --f42-brand-muted: #e8dfea;
  --f42-accent: #45d568;
  --f42-accent-hover: #39bb59;
  --f42-accent-soft: #dcf8c6;

  /* Surfaces — estética Apple-like */
  --f42-bg: #f5f5f7;
  --f42-surface: #ffffff;
  --f42-surface-elevated: rgba(255, 255, 255, 0.72);
  --f42-border: rgba(80, 56, 81, 0.1);
  --f42-border-strong: rgba(80, 56, 81, 0.18);

  /* Text */
  --f42-text: #1d1d1f;
  --f42-text-secondary: #6e6e73;
  --f42-text-tertiary: #86868b;
  --f42-text-inverse: #ffffff;

  /* Typography */
  --f42-font-display: "Bree Serif", Georgia, "Times New Roman", serif;
  --f42-font-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --f42-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Spacing & layout */
  --f42-radius-sm: 8px;
  --f42-radius: 12px;
  --f42-radius-lg: 18px;
  --f42-radius-xl: 24px;
  --f42-container: 1120px;
  --f42-content: 720px;
  --f42-gutter: clamp(1rem, 4vw, 2rem);
  --f42-nav-height: 52px;
  --f42-z-nav: 10050;
  --f42-z-nav-panel: 10052;
  --f42-nav-bg: #503851;
  --f42-nav-text: #ffffff;
  --f42-nav-text-muted: rgba(255, 255, 255, 0.75);
  --f42-footer-bg: #452f46;
  --f42-footer-text: rgba(255, 255, 255, 0.92);
  --f42-footer-text-muted: rgba(255, 255, 255, 0.65);

  /* Shadows */
  --f42-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --f42-shadow: 0 4px 24px rgba(80, 56, 81, 0.08);
  --f42-shadow-lg: 0 12px 40px rgba(80, 56, 81, 0.12);

  /* Motion */
  --f42-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --f42-duration: 200ms;
}