/* lk-tokens.css — LUZOcrm V2 design tokens */

/* ── Light ───────────────────────────────────────────────────────────────────── */
:root {
  --c-brand:        #6d28d9;
  --c-brand-soft:   #7c3aed;
  --c-brand-muted:  rgba(109,40,217,.15);
  --bg-body:        #f1f5f9;
  --bg-card:        #ffffff;
  --bg-surface:     #f8fafc;
  --bg-hover:       rgba(0,0,0,.05);
  --bg-active:      rgba(109,40,217,.1);
  --tx-base:        #0f172a;
  --tx-muted:       #475569;
  --tx-dim:         #94a3b8;
  --tx-inverse:     #ffffff;
  --tx-blue:        #2563eb;
  --tx-green:       #16a34a;
  --tx-red:         #dc2626;
  --tx-amber:       #d97706;
  --tx-teal:        #0891b2;
  --border:         rgba(0,0,0,.12);
  --border-soft:    rgba(0,0,0,.06);
}

/* ── Dark (default) ──────────────────────────────────────────────────────────── */
[data-theme="dark"], :root:not([data-theme="light"]):not([data-theme="midnight"]) {
  --c-brand:        #7c3aed;
  --c-brand-soft:   #8b5cf6;
  --c-brand-muted:  rgba(124,58,237,.18);
  --bg-body:        #0d1117;
  --bg-card:        #161b22;
  --bg-surface:     #1c2128;
  --bg-hover:       rgba(255,255,255,.05);
  --bg-active:      rgba(124,58,237,.18);
  --tx-base:        #e6edf3;
  --tx-muted:       #8b949e;
  --tx-dim:         #484f58;
  --tx-inverse:     #0d1117;
  --tx-blue:        #58a6ff;
  --tx-green:       #3fb950;
  --tx-red:         #f85149;
  --tx-amber:       #d29922;
  --tx-teal:        #39c5cf;
  --border:         rgba(255,255,255,.1);
  --border-soft:    rgba(255,255,255,.05);
}

/* ── Midnight ────────────────────────────────────────────────────────────────── */
[data-theme="midnight"] {
  --bg-body:        #000000;
  --bg-card:        #0a0a0f;
  --bg-surface:     #111118;
  --bg-hover:       rgba(255,255,255,.04);
  --bg-active:      rgba(124,58,237,.22);
  --border:         rgba(255,255,255,.07);
  --border-soft:    rgba(255,255,255,.03);
}

/* ── Tokens compartidos ──────────────────────────────────────────────────────── */
:root {
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  18px;
  --shadow-sm:  0 1px 3px rgba(0,0,0,.3);
  --shadow-md:  0 4px 16px rgba(0,0,0,.4);
  --shadow-lg:  0 12px 40px rgba(0,0,0,.5);
  --blur-sm:    blur(8px);
  --blur-md:    blur(16px);
  --font-sans:  system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:  'SF Mono',ui-monospace,monospace;
  --font-xs:    11px; --font-sm: 12px; --font-md: 13px;
  --font-lg:    15px; --font-xl: 18px; --font-2xl: 24px;
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-7: 28px; --space-8: 32px;
  --z-dropdown: 100; --z-sticky: 200; --z-modal: 500; --z-toast: 900;
  --transition-fast:   120ms ease;
  --transition-normal: 220ms ease;
}

[data-font="sm"] { --font-base: 12px; }
[data-font="md"] { --font-base: 13px; }
[data-font="lg"] { --font-base: 15px; }