/* ============================================================
   YARVIS VENTAS — Variables de diseño (replica Yarvis)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* Colores de marca */
  --primary-color:   #ff8000;
  --primary-hover:   #e67300;
  --primary-light:   rgba(255, 128, 0, 0.16);

  /* Semánticos */
  --success-color:   #71dd37;
  --warning-color:   #ffab00;
  --danger-color:    #ff3e1d;
  --info-color:      #03c3ec;

  /* Fondos y superficies (modo claro) */
  --bg-body:         #f5f5f9;
  --bg-card:         #ffffff;
  --bg-input:        #ffffff;
  --border-color:    #d9dee3;
  --table-header-bg: #f8f9fa;

  /* Texto */
  --text-main:       #4b5563;
  --text-heading:    #333333;
  --text-muted:      #a1acb8;

  /* Sombras */
  --shadow-sm:       0 2px 6px 0 rgba(67, 89, 113, 0.12);
  --shadow-md:       0 4px 12px 0 rgba(67, 89, 113, 0.15);

  /* Layout */
  --sidebar-width:   260px;
  --sidebar-collapsed: 80px;
  --tab-bar-height:  64px;
  --navbar-height:   64px;

  /* Fuente */
  --font-main: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Modo oscuro */
[data-bs-theme="dark"] {
  --bg-body:         #1e1e1e;
  --bg-card:         #2a2a2a;
  --bg-input:        #333333;
  --border-color:    #4a4a4a;
  --table-header-bg: #333333;
  --text-main:       #c7c7c7;
  --text-heading:    #e0e0e0;
  --text-muted:      #777777;
}

* { box-sizing: border-box; }

body {
  font-family: var(--font-main);
  font-size: 0.9375rem;
  color: var(--text-main);
  background-color: var(--bg-body);
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  color: var(--text-heading);
}

label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-muted);
}