/* ============================================================
   BTA DESPACHO — Sistema de diseño startup (compartido)
   Aplica a: inicio, repartidores (index), panel, bodega
   ============================================================ */

:root {
  /* === Paleta startup === */
  --paper:        #FAFAF7;
  --paper-2:      #F4F4EE;
  --paper-line:   #EAEAE2;
  --ink:          #0F1411;
  --ink-soft:     #3F4540;
  --ink-mute:     #8A8E87;

  --forest:       #1B3A1F;
  --forest-2:     #245029;
  --moss:         #DCEAD8;
  --moss-2:       #ECF3E9;

  --accent:       #2DBE60;
  --accent-soft:  #D4F5E0;

  --mustard:      #C99441;
  --mustard-soft: #F5E6C9;
  --terracotta:   #C2412E;
  --amber:        #D8841F;

  /* Aliases compat (algunos valores legacy de cada vista) */
  --verde:        #1B3A1F;
  --verde-2:      #245029;
  --rojo:         #C2412E;
  --naranja:      #D8841F;

  /* === Tipografía === */
  --font-sans:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* === Sombras === */
  --shadow-sm:    0 1px 2px rgba(15, 20, 17, 0.05), 0 1px 1px rgba(15, 20, 17, 0.03);
  --shadow-md:    0 4px 12px -2px rgba(15, 20, 17, 0.06), 0 2px 4px -2px rgba(15, 20, 17, 0.04);
  --shadow-lg:    0 24px 48px -12px rgba(15, 20, 17, 0.18), 0 4px 12px -4px rgba(15, 20, 17, 0.08);

  /* === Radio === */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; }

body {
  font-family: var(--font-sans);
  background: var(--paper);
  color: var(--ink);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: -0.005em;
  background-image:
    radial-gradient(ellipse 1000px 500px at 50% -20%, rgba(45, 190, 96, 0.04), transparent 60%),
    radial-gradient(ellipse 800px 400px at 90% 110%, rgba(27, 58, 31, 0.03), transparent 60%);
}

button, input, select, textarea {
  font-family: inherit;
  color: inherit;
}