/* =================================================
   pos-base.css — Variables globales y reset
   ================================================= */

:root {
  /* Colores */
  --color-bg:           #0f172a;
  --color-surface:      #1e293b;
  --color-surface-2:    #273549;
  --color-border:       #334155;
  --color-text:         #f1f5f9;
  --color-text-muted:   #94a3b8;
  --color-primary:      #22c55e;
  --color-primary-dark: #16a34a;
  --color-warning:      #f59e0b;
  --color-danger:       #ef4444;
  --color-info:         #3b82f6;

  /* Layout */
  --radius:   8px;
  --radius-lg: 12px;
  --gap:      16px;
  --font:     -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

body {
  font-family: var(--font);
  background: var(--color-bg);
  color: var(--color-text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

button {
  cursor: pointer;
  border: none;
  font-family: var(--font);
}

input, textarea, select {
  font-family: var(--font);
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: 8px 12px;
}