/* ═══ tokens.css ═══
   Variables del design system (colores, sombras, radios, fuentes,
   layout). Cargado primero. Las hojas siguientes dependen de estos
   tokens.
   ═══════════════════════════════════════════════════════════════ */

/* ═══ BRIKDATA — Design System ═══
   Estética: "Mediterráneo cálido"
   Fuentes: Playfair Display (títulos) + DM Sans (cuerpo)
   Color principal: #C26A4A (terracota)

   Contenido: variables de tema, reset, header, layout, cards,
   botones, formularios, badges, toast, modal, spinner, utilidades,
   vista de resultados (sidebar + main + mockups de canal),
   responsive, home (hero/stats/grid/cards), borrado de propiedad
   y formulario del wizard.
   ═══════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:wght@500;600;700&display=swap');

/* ─── Variables ─── */
:root {
  --c-primary: #C26A4A;
  --c-primary-hover: #A8553A;
  --c-primary-light: #F5E1D7;
  --c-primary-dark: #8E4530;
  --c-primary-subtle: rgba(194,106,74,0.08);

  --c-secondary: #2E6171;
  --c-secondary-hover: #1F4D5B;
  --c-secondary-light: #D9EAEF;

  --c-accent: #7B8B5E;
  --c-accent-light: #EEF1E8;

  --c-bg: #FEFAF6;
  --c-bg2: #FAF0E6;
  --c-bg3: #F3EDE4;

  --c-text: #2D2A26;
  --c-text-muted: #7D7068;
  --c-text-light: #A89E95;

  --c-border: #E8DDD3;
  --c-border-hover: #D4C7BB;

  --c-success: #5A8A5C;
  --c-success-light: #EDF5ED;
  --c-warning: #D4963A;
  --c-warning-light: #FDF5EB;
  --c-danger: #C4473A;
  --c-danger-light: #FDF0EE;
  --c-danger-hover: #A83A2F;
  --c-danger-bg: rgba(196, 71, 58, 0.1);

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 50px;

  --shadow-sm: 0 1px 3px rgba(45,42,38,0.06);
  --shadow: 0 2px 8px rgba(45,42,38,0.08), 0 1px 3px rgba(45,42,38,0.06);
  --shadow-md: 0 4px 12px rgba(45,42,38,0.10), 0 2px 4px rgba(45,42,38,0.06);
  --shadow-lg: 0 12px 24px rgba(45,42,38,0.12), 0 4px 8px rgba(45,42,38,0.06);

  --font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;

  --header-h: 60px;
  --max-w: 960px;
  --max-w-narrow: 560px;
}