/* ===========================
   BASE STYLES & VARIABLES
   =========================== */

:root {
  --primary: #000000;
  --secondary: #DC143C;
  --success: #28a745;
  --danger: #FF1744;
  --warning: #FF6B6B;
  --info: #8B0000;
  --light: #F8F8F8;
  --dark: #1A1A1A;
  --white: #ffffff;
  --border: #E5E5E5;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-700: #424242;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Ocultar elementos solo para trainers cuando el usuario es personal */
body.user-personal .trainer-only {
  display: none !important;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: #f5f5f5;
  color: #333;
  line-height: 1.6;
}

html, body {
  height: 100%;
}