/**
 * variables.css — Variables globales, reseteo base y utilidades
 * Biblia Conexiones PWA
 *
 * Define la paleta de colores corporativa (modo claro y oscuro),
 * las propiedades personalizadas de CSS (:root), el reseteo del viewport
 * y clases utilitarias compartidas en toda la aplicación.
 */

:root {
    /* Grises de escala tonal */
    --grey-10: #f5f5f5;
    --grey-20: #d9d9d9;
    --grey-30: #bdbdbd;
    --grey-40: #a2a2a2;
    --grey-50: #868686;
    --grey-60: #6a6a6a;
    --grey-70: #4f4f4f;
    --grey-80: #333333;
    --grey-90: #181818;
    
    /* Paleta de colores principal */
    --primary: #0d4d77;
    --primary-dark: #1d72ac;
    --primary-hover: #053250;
    --primary-dark-hover: #2b89c7;
    --primary-dark-active: #46adf1;
    --gold: #D4AF37;
    --success: #27AE60;
    --info: #47adc7;
    --warning: #F39C12;
    --danger: #C0392B;
    --dark: var(--grey-90);
    --light: #f8f9fa;
    --bg: #eceff1;
    --card-bg: #ffffff;
    --text-color: var(--grey-80);

    /* UI Tokens */
    --border-radius: 6px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

/* Reseteo global de viewport y bloqueos de selección */
html, body {
  margin: 0;
  padding: 0;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  user-select: none;
  -webkit-user-select: none;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Ocultar barra de desplazamiento para Chrome, Safari y Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Ocultar barra de desplazamiento para IE, Edge y Firefox */
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}