/* =============================================
   VARIABLES GLOBALES + RESET
   ============================================= */
:root {
  --color-primary:      #2D6A4F;
  --color-primary-dark: #1B4332;
  --color-primary-light:#52B788;
  --color-accent:       #D4A017;
  --color-bg:           #0F1A14;
  --color-surface:      #1A2E22;
  --color-surface-2:    #243B2E;
  --color-border:       #2D4A38;
  --color-text:         #E8F5E9;
  --color-text-muted:   #8BAF94;
  --color-danger:       #E63946;
  --color-warning:      #F4A261;
  --color-success:      #52B788;

  --sidebar-width:      260px;
  --topbar-height:      0px;

  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;

  --shadow-card: 0 2px 12px rgba(0,0,0,0.35);

  --font-main: 'Inter', system-ui, -apple-system, sans-serif;
}

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

html { font-size: 15px; }

body {
  font-family: var(--font-main);
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--color-primary-light);
  text-decoration: none;
}

img { max-width: 100%; display: block; }

/* Scrollbar personalizado */
::-webkit-scrollbar       { width: 6px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 3px; }

/* Utilidades */
.text-muted    { color: var(--color-text-muted); }
.text-success  { color: var(--color-success); }
.text-warning  { color: var(--color-warning); }
.text-danger   { color: var(--color-danger); }
.text-accent   { color: var(--color-accent); }