:root {
  /* ===== BRAND DESIGN SYSTEM — Cozinha & Cia ===== */

  /* Brand Red — Rubi/Wine inspired by logo ribbon */
  --brand-red: #7B1818;
  --brand-red-light: #8B2020;
  --brand-red-dark: #5C1212;
  --brand-red-glow: rgba(123,24,24,0.18);

  /* Brand Gold — Metallic gold from logo badge */
  --brand-gold: #C9A227;
  --brand-gold-light: #D4B44A;
  --brand-gold-dark: #B08E1F;
  --brand-gold-glow: rgba(201,162,39,0.15);

  /* Brand Cream — Warm off-white from logo background */
  --brand-cream: #FAF8F4;
  --brand-cream-dark: #F5F2EC;
  --brand-surface: #FFFFFF;
  --brand-surface-warm: #FDFCFA;

  /* Brand Text */
  --brand-text: #2D2D2D;
  --brand-text-light: #5A5A5A;
  --brand-text-muted: #999999;

  /* Brand Borders */
  --brand-border: rgba(201,162,39,0.10);
  --brand-border-hover: rgba(201,162,39,0.20);

  /* Brand Shadows — warm toned */
  --brand-shadow-sm: 0 1px 3px rgba(120,80,20,0.04), 0 2px 8px rgba(120,80,20,0.02);
  --brand-shadow-md: 0 2px 8px rgba(120,80,20,0.06), 0 4px 16px rgba(120,80,20,0.03);
  --brand-shadow-lg: 0 4px 16px rgba(120,80,20,0.08), 0 8px 28px rgba(120,80,20,0.04);
  --brand-shadow-gold: 0 2px 8px rgba(201,162,39,0.12);
  --brand-shadow-red: 0 2px 8px rgba(123,24,24,0.18);

  /* ===== COMPATIBILIDADE — Variables existentes ===== */
  --off-white: var(--brand-cream);
  --branco: var(--brand-surface);
  --dourado: var(--brand-gold);
  --dourado-claro: var(--brand-gold-light);
  --dourado-escuro: var(--brand-gold-dark);
  --vermelho: var(--brand-red);
  --vermelho-escuro: var(--brand-red-dark);
  --texto: var(--brand-text);
  --texto-claro: var(--brand-text-light);
  --texto-muted: var(--brand-text-muted);
  --borda: #E8E2D8;
  --borda-clara: #F0ECE4;
  --superficie: var(--brand-surface);
  --superficie-alt: var(--brand-cream-dark);
  --preto: var(--brand-text);
  --marrom-cafe: #333333;
  --marrom-madeira: #555555;
  --cor-primaria: var(--brand-gold);
  --cor-primaria-escura: var(--brand-gold-dark);
  --cor-secundaria: var(--brand-red);
  --cor-secundaria-escura: var(--brand-red-dark);
  --cor-dourado: var(--brand-gold);
  --cor-dourado-clara: var(--brand-gold-light);
  --cor-dourado-escura: var(--brand-gold-dark);
  --cor-texto: var(--brand-text);
  --cor-texto-claro: var(--brand-text-light);
  --cor-borda: #E8E2D8;
  --cor-borda-clara: #F0ECE4;
  --cor-clara: var(--brand-cream);
  --cor-branco: var(--brand-surface);
  --cor-creme: var(--brand-cream);
  --sombra: var(--brand-shadow-sm);
  --sombra-forte: var(--brand-shadow-lg);
  --sombra-dourada: var(--brand-shadow-gold);
  --sombra-card: var(--brand-shadow-md);

  /* Tipografia */
  --fonte-titulo: "Playfair Display", Georgia, serif;
  --fonte-texto: "Poppins", "Montserrat", Arial, sans-serif;
  --fonte-ui: "Poppins", "Montserrat", Arial, sans-serif;
  --fonte-script: "Dancing Script", cursive;

  /* Bordas e Raios */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 16px;

  /* Transições */
  --transicao: all 0.3s ease;
  --transicao-rapida: all 0.2s ease;
}