/* ─── Dark theme (default) ─────────────────────────── */
:root {
  --color-primary:      #16a34a;
  --color-primary-dark:  #15803d;
  --color-primary-light: #86efac;
  --color-bg:           #0f0f0f;
  --color-surface:      #1a1a1a;
  --color-surface-2:    #222222;
  --color-border:       #2a2a2a;
  --color-text:         #f1f5f9;
  --color-text-muted:   #64748b;
  --color-danger:       #ef4444;
  --color-warning:      #f59e0b;
  --color-info:         #3b82f6;

  /* Tipografia — mobile-first sizes */
  --font-body:    -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'Courier New', monospace;
  --font-size-xs: 0.75rem;   /* 12px */
  --font-size-sm: 0.875rem;  /* 14px */
  --font-size-md: 1rem;      /* 16px */
  --font-size-lg: 1.125rem;  /* 18px */
  --font-size-xl: 1.375rem;  /* 22px */
  --font-size-2xl: 1.75rem;  /* 28px */

  /* Espacamento */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --space-8: 32px; --space-10: 40px;

  /* Bordas */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Touch targets — min 44px (Apple HIG) */
  --touch-min: 44px;

  /* Bottom nav + safe area */
  --bottom-nav-height: 64px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* Desktop layout */
  --sidebar-width: 240px;
  --topbar-height: 64px;
}

/* ─── Light theme ──────────────────────────────────── */
[data-theme="light"] {
  --color-primary:      #16a34a;
  --color-primary-dark:  #15803d;
  --color-primary-light: #dcfce7;
  --color-bg:           #f8fafc;
  --color-surface:      #ffffff;
  --color-surface-2:    #f1f5f9;
  --color-border:       #e2e8f0;
  --color-text:         #0f172a;
  --color-text-muted:   #64748b;
  --color-danger:       #ef4444;
  --color-warning:      #f59e0b;
  --color-info:         #3b82f6;
}

/* Tablet+ adjustments */
@media (min-width: 768px) {
  :root {
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
  }
}