/* ---------- Tokens ---------- */
:root{
  /* Acento: lo sobreescribe Ajustes (SettingsView.applyAccent). */
  --acc-solid-l:#2F6BFF; --acc-ink-l:#FFFFFF; --acc-text-l:#2457E0; --acc-soft-l:#EEF3FF;
  --acc-solid-d:#4D82FF; --acc-ink-d:#FFFFFF; --acc-text-d:#8FB0FF; --acc-soft-d:#18223A;

  --font:'Geist', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono:'Geist Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  --bg:#FAFAFA;
  --sidebar:#F4F4F5;
  --surface:#FFFFFF;
  --surface-2:#F4F4F5;
  --surface-3:#E9E9EC;
  --hover:rgba(24,24,27,0.045);
  --ink:#18181B;
  --ink-soft:#56565F;
  --ink-faint:#8E8E97;
  --line:#E6E6E9;
  --line-strong:#D4D4D9;

  --accent:var(--acc-text-l);
  --accent-solid:var(--acc-solid-l);
  --accent-ink:var(--acc-ink-l);
  --accent-soft:var(--acc-soft-l);
  --focus:var(--accent-soft);
  --focus:color-mix(in srgb, var(--accent-solid) 28%, transparent);

  --st-pend:#71717A;  --st-pend-bg:#F1F1F3;
  --st-proc:#2563EB;  --st-proc-bg:#EBF1FE;
  --st-wait:#C2690A;  --st-wait-bg:#FDF3E6;
  --st-done:#15803D;  --st-done-bg:#E9F6EE;
  --danger:#DC2626;   --danger-bg:#FDEEEE;
  --meet:#7C3AED;     --meet-bg:#F3EEFE;

  --shadow-sm:0 1px 1px rgba(24,24,27,0.04);
  --shadow:0 1px 2px rgba(24,24,27,0.05), 0 1px 1px rgba(24,24,27,0.03);
  --shadow-lg:0 24px 48px -16px rgba(24,24,27,0.22), 0 0 0 1px rgba(24,24,27,0.05);
  --shadow-pop:0 12px 28px -8px rgba(24,24,27,0.18), 0 0 0 1px rgba(24,24,27,0.06);
  --shadow-drag:0 16px 32px -10px rgba(24,24,27,0.25), 0 0 0 1px rgba(24,24,27,0.06);
  --r-sm:5px; --r-md:7px; --r-lg:10px; --r-xl:12px;
  /* Etiquetas de cliente: el tono (--h) sale del cliente. */
  --chip-s:46%; --chip-bg-l:95%; --chip-fg-l:32%; --chip-dot-l:52%;
  --chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E8E97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  color-scheme:light;
}

/* Tema oscuro: por sistema (si no se ha elegido claro) o elegido en Ajustes. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F0F11;
    --sidebar:#0B0B0D;
    --surface:#161619;
    --surface-2:#1C1C20;
    --surface-3:#26262B;
    --hover:rgba(255,255,255,0.05);
    --ink:#EDEDEF;
    --ink-soft:#A1A1AA;
    --ink-faint:#6E6E78;
    --line:#26262B;
    --line-strong:#34343B;
    --accent:var(--acc-text-d);
    --accent-solid:var(--acc-solid-d);
    --accent-ink:var(--acc-ink-d);
    --accent-soft:var(--acc-soft-d);
    --st-pend:#A1A1AA;  --st-pend-bg:#232328;
    --st-proc:#6E9BFF;  --st-proc-bg:#17213A;
    --st-wait:#F0A24A;  --st-wait-bg:#2E2115;
    --st-done:#4ADE80;  --st-done-bg:#132A1C;
    --danger:#F87171;   --danger-bg:#321719;
    --meet:#A78BFA;     --meet-bg:#241C3A;
    --shadow-sm:0 1px 1px rgba(0,0,0,0.3);
    --shadow:0 1px 2px rgba(0,0,0,0.35);
    --shadow-lg:0 24px 48px -12px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.06);
    --shadow-pop:0 16px 36px -8px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.07);
    --shadow-drag:0 18px 36px -10px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.08);
    --chip-s:38%; --chip-bg-l:17%; --chip-fg-l:78%; --chip-dot-l:62%;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F0F11;
  --sidebar:#0B0B0D;
  --surface:#161619;
  --surface-2:#1C1C20;
  --surface-3:#26262B;
  --hover:rgba(255,255,255,0.05);
  --ink:#EDEDEF;
  --ink-soft:#A1A1AA;
  --ink-faint:#6E6E78;
  --line:#26262B;
  --line-strong:#34343B;
  --accent:var(--acc-text-d);
  --accent-solid:var(--acc-solid-d);
  --accent-ink:var(--acc-ink-d);
  --accent-soft:var(--acc-soft-d);
  --st-pend:#A1A1AA;  --st-pend-bg:#232328;
  --st-proc:#6E9BFF;  --st-proc-bg:#17213A;
  --st-wait:#F0A24A;  --st-wait-bg:#2E2115;
  --st-done:#4ADE80;  --st-done-bg:#132A1C;
  --danger:#F87171;   --danger-bg:#321719;
  --meet:#A78BFA;     --meet-bg:#241C3A;
  --shadow-sm:0 1px 1px rgba(0,0,0,0.3);
  --shadow:0 1px 2px rgba(0,0,0,0.35);
  --shadow-lg:0 24px 48px -12px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-pop:0 16px 36px -8px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.07);
  --shadow-drag:0 18px 36px -10px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.08);
  --chip-s:38%; --chip-bg-l:17%; --chip-fg-l:78%; --chip-dot-l:62%;
  color-scheme:dark;
}