/* Variables minimalistas - estilo Apple + japonés + wellness */
:root {
  /* Colores base - tonos cálidos y suaves */
  --bg: #F9F6F2;
  --surface: #FFFBF7;
  --text: #2D2D2D;
  --text-muted: #8E8E93;
  
  /* Paleta funcional - inspirada en wellness/naturaleza */
  --primary: #8B7E9B;        /* lavanda suave */
  --success: #94C5A1;        /* verde menta */
  --warning: #F4A261;        /* naranja suave */
  --error: #E76F51;          /* terracota */
  --info: #A8DADC;           /* azul pálido */
  
  /* Bordes y sombras - muy sutiles */
  --border: rgba(45, 45, 45, 0.08);
  --shadow-sm: 0 4px 16px rgba(45, 45, 45, 0.04);
  --shadow-md: 0 8px 32px rgba(45, 45, 45, 0.06);
  
  /* Espaciado generoso (ma 間) */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;
  
  /* Radio - bordes suaves */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  
  /* Focus - accesibilidad elegante */
  --focus-ring: 0 0 0 3px rgba(139, 126, 155, 0.25);
  
  /* Transiciones suaves */
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}