/* ============================================================
   CC.CRM — Paletas del tema centralizado
   ------------------------------------------------------------
   cc-theme.js controla data-cc-theme y deriva data-bs-theme.
   Este archivo solo cambia tokens: no reimplementa componentes.
   ============================================================ */

[data-cc-theme="warm"] {
    --gray-0: #1c1410;
    --gray-20: #34261f;
    --gray-40: #6b5a50;
    --gray-70: #8f7d71;
    --gray-80: #b7a89a;
    --gray-90: #eee7dc;
    --gray-100: #fffaf2;

    --accent: #e24a3a;
    --accent-muted: rgba(226, 74, 58, 0.1);
    --border: rgba(61, 44, 35, 0.14);

    --vz-body-bg: #f4efe6;
    --vz-body-bg-rgb: 244, 239, 230;
    --vz-body-color: var(--gray-0);
    --vz-body-color-rgb: 28, 20, 16;
    --vz-emphasis-color: var(--gray-0);
    --vz-emphasis-color-rgb: 28, 20, 16;
    --vz-heading-color: var(--gray-0);
    --vz-secondary-color: var(--gray-70);
    --vz-secondary-bg: #fffaf2;
    --vz-tertiary-bg: var(--gray-90);
    --vz-border-color: var(--border);
    --vz-card-bg-custom: #fffaf2;

    --vz-primary: var(--accent);
    --vz-primary-rgb: 226, 74, 58;
    --vz-link-color: var(--accent);
    --vz-link-color-rgb: 226, 74, 58;
    --vz-link-hover-color: #b9382c;
    --vz-link-hover-color-rgb: 185, 56, 44;
    --vz-focus-ring-color: var(--accent-muted);

    --vz-header-bg: #fffaf2;
    --vz-header-border: var(--border);
    --vz-vertical-menu-bg: #fffaf2;
    --vz-vertical-menu-border: var(--border);
    --vz-vertical-menu-item-color: var(--gray-40);
    --vz-vertical-menu-item-hover-color: var(--accent);
    --vz-vertical-menu-item-active-color: var(--accent);
    --vz-vertical-menu-item-active-bg: var(--accent-muted);
    --vz-vertical-menu-sub-item-color: var(--gray-70);
    --vz-vertical-menu-sub-item-hover-color: var(--accent);
    --vz-vertical-menu-sub-item-active-color: var(--accent);
    --vz-vertical-menu-title-color: var(--gray-80);

    --vz-input-bg-custom: #fffaf2;
    --vz-input-border-custom: var(--border);
    --cc-surface: var(--vz-card-bg-custom);
    --cc-row-hover: rgba(226, 74, 58, 0.06);
    --cc-row-alt: rgba(61, 44, 35, 0.026);
    --cc-warn-row: rgba(217, 119, 6, 0.1);
    --cc-dup-row: rgba(226, 74, 58, 0.08);
}

[data-cc-theme="cool"] {
    --gray-0: #1e293b;
    --gray-20: #334155;
    --gray-40: #64748b;
    --gray-70: #7b8798;
    --gray-80: #aab4c2;
    --gray-90: #e9edf2;
    --gray-100: #ffffff;

    --accent: #ff4646;
    --accent-muted: rgba(255, 70, 70, 0.08);
    --border: rgba(30, 41, 59, 0.12);

    --vz-body-bg: #f3f5f7;
    --vz-body-bg-rgb: 243, 245, 247;
    --vz-body-color: var(--gray-0);
    --vz-body-color-rgb: 30, 41, 59;
    --vz-emphasis-color: var(--gray-0);
    --vz-emphasis-color-rgb: 30, 41, 59;
    --vz-heading-color: var(--gray-0);
    --vz-secondary-color: var(--gray-70);
    --vz-secondary-bg: #ffffff;
    --vz-tertiary-bg: var(--gray-90);
    --vz-border-color: var(--border);
    --vz-card-bg-custom: #ffffff;

    --vz-primary: var(--accent);
    --vz-primary-rgb: 255, 70, 70;
    --vz-link-color: var(--accent);
    --vz-link-color-rgb: 255, 70, 70;
    --vz-link-hover-color: #d93636;
    --vz-link-hover-color-rgb: 217, 54, 54;
    --vz-focus-ring-color: var(--accent-muted);

    --vz-header-bg: #ffffff;
    --vz-header-border: var(--border);
    --vz-vertical-menu-bg: #ffffff;
    --vz-vertical-menu-border: var(--border);
    --vz-vertical-menu-item-color: var(--gray-40);
    --vz-vertical-menu-item-hover-color: var(--accent);
    --vz-vertical-menu-item-active-color: var(--accent);
    --vz-vertical-menu-item-active-bg: var(--accent-muted);
    --vz-vertical-menu-sub-item-color: var(--gray-70);
    --vz-vertical-menu-sub-item-hover-color: var(--accent);
    --vz-vertical-menu-sub-item-active-color: var(--accent);
    --vz-vertical-menu-title-color: var(--gray-80);

    --vz-input-bg-custom: #ffffff;
    --vz-input-border-custom: var(--border);
    --cc-surface: var(--vz-card-bg-custom);
    --cc-row-hover: rgba(30, 41, 59, 0.055);
    --cc-row-alt: rgba(30, 41, 59, 0.024);
    --cc-warn-row: rgba(245, 158, 11, 0.09);
    --cc-dup-row: rgba(255, 70, 70, 0.07);
}

[data-cc-theme="contrast"] {
    --gray-0: #000000;
    --gray-20: #111111;
    --gray-40: #333333;
    --gray-70: #555555;
    --gray-80: #777777;
    --gray-90: #eeeeee;
    --gray-100: #ffffff;

    --accent: #c12115;
    --accent-muted: rgba(193, 33, 21, 0.14);
    --border: rgba(0, 0, 0, 0.32);

    --vz-body-bg: #ffffff;
    --vz-body-bg-rgb: 255, 255, 255;
    --vz-body-color: var(--gray-0);
    --vz-body-color-rgb: 0, 0, 0;
    --vz-emphasis-color: var(--gray-0);
    --vz-emphasis-color-rgb: 0, 0, 0;
    --vz-heading-color: var(--gray-0);
    --vz-secondary-color: var(--gray-40);
    --vz-secondary-bg: #ffffff;
    --vz-tertiary-bg: var(--gray-90);
    --vz-border-color: var(--border);
    --vz-card-bg-custom: #ffffff;

    --vz-primary: var(--accent);
    --vz-primary-rgb: 193, 33, 21;
    --vz-link-color: var(--accent);
    --vz-link-color-rgb: 193, 33, 21;
    --vz-link-hover-color: #8f170f;
    --vz-link-hover-color-rgb: 143, 23, 15;
    --vz-focus-ring-color: var(--accent-muted);

    --vz-header-bg: #ffffff;
    --vz-header-border: var(--border);
    --vz-vertical-menu-bg: #ffffff;
    --vz-vertical-menu-border: var(--border);
    --vz-vertical-menu-item-color: var(--gray-20);
    --vz-vertical-menu-item-hover-color: var(--accent);
    --vz-vertical-menu-item-active-color: var(--accent);
    --vz-vertical-menu-item-active-bg: var(--accent-muted);
    --vz-vertical-menu-sub-item-color: var(--gray-40);
    --vz-vertical-menu-sub-item-hover-color: var(--accent);
    --vz-vertical-menu-sub-item-active-color: var(--accent);
    --vz-vertical-menu-title-color: var(--gray-70);

    --vz-input-bg-custom: #ffffff;
    --vz-input-border-custom: var(--border);
    --cc-surface: var(--vz-card-bg-custom);
    --cc-row-hover: rgba(193, 33, 21, 0.08);
    --cc-row-alt: rgba(0, 0, 0, 0.035);
    --cc-warn-row: rgba(180, 83, 9, 0.16);
    --cc-dup-row: rgba(193, 33, 21, 0.12);
}

[data-cc-theme="midnight"] {
    --gray-0: #e8eef8;
    --gray-20: #cbd5e1;
    --gray-40: #94a3b8;
    --gray-70: #748198;
    --gray-80: #3d4b63;
    --gray-90: #111a2f;
    --gray-100: #0b1020;

    --accent: #ff6b6b;
    --accent-muted: rgba(255, 107, 107, 0.14);
    --border: rgba(203, 213, 225, 0.13);

    --vz-body-bg: #0b1020;
    --vz-body-bg-rgb: 11, 16, 32;
    --vz-body-color: var(--gray-0);
    --vz-body-color-rgb: 232, 238, 248;
    --vz-emphasis-color: var(--gray-0);
    --vz-emphasis-color-rgb: 232, 238, 248;
    --vz-heading-color: var(--gray-0);
    --vz-secondary-color: var(--gray-70);
    --vz-secondary-bg: #11182b;
    --vz-tertiary-bg: var(--gray-90);
    --vz-border-color: var(--border);
    --vz-card-bg-custom: #11182b;

    --vz-primary: var(--accent);
    --vz-primary-rgb: 255, 107, 107;
    --vz-link-color: var(--accent);
    --vz-link-color-rgb: 255, 107, 107;
    --vz-link-hover-color: #ff8585;
    --vz-link-hover-color-rgb: 255, 133, 133;
    --vz-focus-ring-color: var(--accent-muted);

    --vz-header-bg: #0b1020;
    --vz-header-border: var(--border);
    --vz-vertical-menu-bg: #0b1020;
    --vz-vertical-menu-border: var(--border);
    --vz-vertical-menu-item-color: var(--gray-40);
    --vz-vertical-menu-item-hover-color: var(--accent);
    --vz-vertical-menu-item-active-color: var(--accent);
    --vz-vertical-menu-item-active-bg: var(--accent-muted);
    --vz-vertical-menu-sub-item-color: var(--gray-70);
    --vz-vertical-menu-sub-item-hover-color: var(--accent);
    --vz-vertical-menu-sub-item-active-color: var(--accent);
    --vz-vertical-menu-title-color: var(--gray-80);

    --vz-input-bg-custom: #11182b;
    --vz-input-border-custom: var(--border);
    --cc-surface: var(--vz-card-bg-custom);
    --cc-row-hover: rgba(255, 255, 255, 0.05);
    --cc-row-alt: rgba(255, 255, 255, 0.028);
    --cc-warn-row: rgba(245, 158, 11, 0.16);
    --cc-dup-row: rgba(255, 107, 107, 0.12);
}

/* Rosé Pine Dawn–inspired light blush */
[data-cc-theme="rose"] {
    --gray-0: #575279;
    --gray-20: #6e6a86;
    --gray-40: #797593;
    --gray-70: #9893a5;
    --gray-80: #b5aebb;
    --gray-90: #f2e9e1;
    --gray-100: #faf4ed;

    --accent: #d7827e;
    --accent-muted: rgba(215, 130, 126, 0.14);
    --border: rgba(87, 82, 121, 0.14);

    --vz-body-bg: #faf4ed;
    --vz-body-bg-rgb: 250, 244, 237;
    --vz-body-color: var(--gray-0);
    --vz-body-color-rgb: 87, 82, 121;
    --vz-emphasis-color: var(--gray-0);
    --vz-emphasis-color-rgb: 87, 82, 121;
    --vz-heading-color: var(--gray-0);
    --vz-secondary-color: var(--gray-70);
    --vz-secondary-bg: #fffaf3;
    --vz-tertiary-bg: var(--gray-90);
    --vz-border-color: var(--border);
    --vz-card-bg-custom: #fffaf3;

    --vz-primary: var(--accent);
    --vz-primary-rgb: 215, 130, 126;
    --vz-link-color: var(--accent);
    --vz-link-color-rgb: 215, 130, 126;
    --vz-link-hover-color: #b4637a;
    --vz-link-hover-color-rgb: 180, 99, 122;
    --vz-focus-ring-color: var(--accent-muted);

    --vz-header-bg: #fffaf3;
    --vz-header-border: var(--border);
    --vz-vertical-menu-bg: #fffaf3;
    --vz-vertical-menu-border: var(--border);
    --vz-vertical-menu-item-color: var(--gray-40);
    --vz-vertical-menu-item-hover-color: var(--accent);
    --vz-vertical-menu-item-active-color: var(--accent);
    --vz-vertical-menu-item-active-bg: var(--accent-muted);
    --vz-vertical-menu-sub-item-color: var(--gray-70);
    --vz-vertical-menu-sub-item-hover-color: var(--accent);
    --vz-vertical-menu-sub-item-active-color: var(--accent);
    --vz-vertical-menu-title-color: var(--gray-80);

    --vz-input-bg-custom: #fffaf3;
    --vz-input-border-custom: var(--border);
    --cc-surface: var(--vz-card-bg-custom);
    --cc-row-hover: rgba(215, 130, 126, 0.08);
    --cc-row-alt: rgba(87, 82, 121, 0.03);
    --cc-warn-row: rgba(234, 157, 52, 0.12);
    --cc-dup-row: rgba(215, 130, 126, 0.1);
}

/* Rosé Pine / soft synthwave dark blush */
[data-cc-theme="rose-dark"] {
    --gray-0: #e0def4;
    --gray-20: #c4c0dc;
    --gray-40: #908caa;
    --gray-70: #6e6a86;
    --gray-80: #403d52;
    --gray-90: #26233a;
    --gray-100: #191724;

    --accent: #eb6f92;
    --accent-muted: rgba(235, 111, 146, 0.16);
    --border: rgba(224, 222, 244, 0.12);

    --vz-body-bg: #191724;
    --vz-body-bg-rgb: 25, 23, 36;
    --vz-body-color: var(--gray-0);
    --vz-body-color-rgb: 224, 222, 244;
    --vz-emphasis-color: var(--gray-0);
    --vz-emphasis-color-rgb: 224, 222, 244;
    --vz-heading-color: var(--gray-0);
    --vz-secondary-color: var(--gray-70);
    --vz-secondary-bg: #1f1d2e;
    --vz-tertiary-bg: var(--gray-90);
    --vz-border-color: var(--border);
    --vz-card-bg-custom: #1f1d2e;

    --vz-primary: var(--accent);
    --vz-primary-rgb: 235, 111, 146;
    --vz-link-color: var(--accent);
    --vz-link-color-rgb: 235, 111, 146;
    --vz-link-hover-color: #f6c177;
    --vz-link-hover-color-rgb: 246, 193, 119;
    --vz-focus-ring-color: var(--accent-muted);

    --vz-header-bg: #191724;
    --vz-header-border: var(--border);
    --vz-vertical-menu-bg: #191724;
    --vz-vertical-menu-border: var(--border);
    --vz-vertical-menu-item-color: var(--gray-40);
    --vz-vertical-menu-item-hover-color: var(--accent);
    --vz-vertical-menu-item-active-color: var(--accent);
    --vz-vertical-menu-item-active-bg: var(--accent-muted);
    --vz-vertical-menu-sub-item-color: var(--gray-70);
    --vz-vertical-menu-sub-item-hover-color: var(--accent);
    --vz-vertical-menu-sub-item-active-color: var(--accent);
    --vz-vertical-menu-title-color: var(--gray-80);

    --vz-input-bg-custom: #1f1d2e;
    --vz-input-border-custom: var(--border);
    --cc-surface: var(--vz-card-bg-custom);
    --cc-row-hover: rgba(235, 111, 146, 0.08);
    --cc-row-alt: rgba(224, 222, 244, 0.03);
    --cc-warn-row: rgba(246, 193, 119, 0.14);
    --cc-dup-row: rgba(235, 111, 146, 0.12);
}

[data-cc-theme] body {
    background-color: var(--vz-body-bg);
    color: var(--gray-0);
}

[data-cc-theme] .card,
[data-cc-theme] .dropdown-menu,
[data-cc-theme] .modal-content {
    border-color: var(--border);
}