:root {
  /* Resvo Brand Kit v1.0 */
  --resvo-color-primary: #b72446;
  --resvo-color-primary-soft: #d25a72;
  --resvo-color-accent: #8f1c37;
  --resvo-color-accent-soft: #c84c66;

  --resvo-color-background: #ffffff;
  --resvo-color-foreground: #0b0b0b;
  --resvo-color-surface: #ffffff;
  --resvo-color-surface-muted: #f6f6f6;
  --resvo-color-border: #e6e6e6;
  --resvo-color-text-muted: #6b7280;

  --resvo-color-dark-background: #0b0b0b;
  --resvo-color-dark-surface: #151515;
  --resvo-color-dark-surface-muted: #1f1f1f;
  --resvo-color-dark-border: #262626;
  --resvo-color-dark-foreground: #f9fafb;
  --resvo-color-dark-text-muted: #9ca3af;

  --resvo-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;

  --resvo-radius-card: 0.75rem;
  --resvo-shadow-card: 0 1px 2px rgb(11 11 11 / 0.06);

  --resvo-space-1: 0.25rem;
  --resvo-space-2: 0.5rem;
  --resvo-space-3: 0.75rem;
  --resvo-space-4: 1rem;
  --resvo-space-6: 1.5rem;
  --resvo-space-8: 2rem;
  --resvo-space-12: 3rem;
  --resvo-space-16: 4rem;
  --resvo-space-20: 5rem;
  --resvo-space-24: 6rem;

  --resvo-gradient-brand: linear-gradient(
    135deg,
    var(--resvo-color-primary) 0%,
    var(--resvo-color-primary-soft) 100%
  );
}