/* src/styles/branding.css */
/* Fuentes de marca */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Playfair+Display:wght@700&display=swap");

/* Variables de marca (claro) */
:root {
  /* Fuentes */
  --font-sans: "Inter", sans-serif;
  --font-heading: "Playfair Display", serif;

  /* Fondo y texto */
  --background: 35 25% 97%;
  --foreground: 25 35% 15%;
  --secondary-foreground: 30 20% 95%;

  /* Card / Popover */
  /* --card: 30 20% 95%; */
  /* --popover: 30 20% 95%; */

  /* Marca */
  --primary: 15 75% 55%;
  --primary-glow: 20 70% 70%;
  --secondary: 35 45% 45%;

  /* Escalas */
  --muted: 35 15% 88%;
  --muted-foreground: 30 25% 45%;
  --accent: 345 35% 65%;

  --brand-main: 15 65% 50%;
  --brand-alt: 95 25% 55%;
  --brand-accent: 40 30% 92%;

  /* Estado / UI */
  --destructive: 0 70% 55%;
  --border: 30 15% 80%;
  --input: 35 20% 90%;
  --ring: 15 75% 55%;

  /* Sidebar */
  --sidebar-background: 30 20% 95%;
  --sidebar-foreground: 25 35% 15%;
  --sidebar-primary: 15 75% 55%;
  --sidebar-primary-foreground: 30 20% 95%;
  --sidebar-accent: 35 15% 88%;
  --sidebar-accent-foreground: 25 35% 15%;
  --sidebar-border: 30 15% 80%;
  --sidebar-ring: 15 75% 55%;
}