/* CRMTech — design tokens (neomorphism + white/dark/custom) */

html {
  color-scheme: light;
  --font-sans: "Sora", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
}

/* ——— White (default) ——— */
[data-theme="white"],
html:not([data-theme]) {
  --neo-bg: #E4E9F2;
  --neo-surface: #E4E9F2;
  --neo-surface-raised: #EDF1F7;
  --neo-text: #1E2A3B;
  --neo-text-muted: #5B6B7F;
  --neo-border: #C5CEDC;
  --neo-shadow-dark: rgba(163, 177, 198, 0.55);
  --neo-shadow-light: rgba(255, 255, 255, 0.85);
  --neo-blue-500: #2F6FED;
  --neo-blue-600: #1F56C9;
  --neo-blue-100: #D6E4FF;
  --neo-success: #2E9E6B;
  --neo-warning: #D97706;
  --neo-danger: #DC3D4A;

  --neo-elevated: 6px 6px 12px var(--neo-shadow-dark), -6px -6px 12px var(--neo-shadow-light);
  --neo-inset: inset 4px 4px 8px var(--neo-shadow-dark), inset -4px -4px 8px var(--neo-shadow-light);

  --color-accent: var(--neo-blue-500);
  --color-accent-hover: var(--neo-blue-600);
  --color-accent-soft: var(--neo-blue-100);
  --color-text: var(--neo-text);
  --color-text-muted: var(--neo-text-muted);

  --color-menu-bg: var(--neo-surface);
  --color-menu-text: var(--neo-text);
  --color-menu-hover-bg: var(--neo-blue-100);
  --color-menu-hover-text: var(--neo-blue-600);

  --color-btn-bg: var(--neo-blue-500);
  --color-btn-text: #ffffff;
  --color-btn-hover-bg: var(--neo-blue-600);
  --color-btn-hover-text: #ffffff;

  --color-btn-sec-bg: var(--neo-surface-raised);
  --color-btn-sec-text: var(--neo-text);
  --color-btn-sec-hover-bg: var(--neo-blue-100);
  --color-btn-sec-hover-text: var(--neo-blue-600);

  --color-btn-icon-bg: var(--neo-surface-raised);
  --color-btn-icon: var(--neo-blue-500);
  --color-btn-icon-hover-bg: var(--neo-blue-500);
  --color-btn-icon-hover: #ffffff;

  --color-modal-header-bg: var(--neo-blue-500);
  --color-modal-header-text: #ffffff;
  --color-card-header-bg: var(--neo-blue-500);
  --color-card-header-text: #ffffff;

  --color-table-text: var(--neo-text);
  --color-select-text: var(--neo-text);
  --color-submenu-bg: var(--neo-blue-100);
  --color-submenu-text: var(--neo-blue-600);
  --color-submenu-hover-bg: var(--neo-blue-500);
  --color-submenu-hover-text: #ffffff;
}

/* ——— Dark ——— */
[data-theme="dark"] {
  color-scheme: dark;
  --neo-bg: #151B28;
  --neo-surface: #1C2433;
  --neo-surface-raised: #243044;
  --neo-text: #E8EEF7;
  --neo-text-muted: #9AA8BC;
  --neo-border: #2F3B50;
  --neo-shadow-dark: rgba(0, 0, 0, 0.55);
  --neo-shadow-light: rgba(70, 90, 120, 0.25);
  --neo-blue-500: #4B8BFF;
  --neo-blue-600: #2F6FED;
  --neo-blue-100: #1A2F55;
  --neo-success: #3CB87A;
  --neo-warning: #E8A23A;
  --neo-danger: #F05A66;

  --neo-elevated: 6px 6px 12px var(--neo-shadow-dark), -6px -6px 12px var(--neo-shadow-light);
  --neo-inset: inset 4px 4px 8px var(--neo-shadow-dark), inset -4px -4px 8px var(--neo-shadow-light);

  --color-accent: var(--neo-blue-500);
  --color-accent-hover: var(--neo-blue-600);
  --color-accent-soft: var(--neo-blue-100);
  --color-text: var(--neo-text);
  --color-text-muted: var(--neo-text-muted);

  --color-menu-bg: var(--neo-surface);
  --color-menu-text: var(--neo-text);
  --color-menu-hover-bg: var(--neo-blue-100);
  --color-menu-hover-text: var(--neo-blue-500);

  --color-btn-bg: var(--neo-blue-500);
  --color-btn-text: #ffffff;
  --color-btn-hover-bg: var(--neo-blue-600);
  --color-btn-hover-text: #ffffff;

  --color-btn-sec-bg: var(--neo-surface-raised);
  --color-btn-sec-text: var(--neo-text);
  --color-btn-sec-hover-bg: var(--neo-blue-100);
  --color-btn-sec-hover-text: var(--neo-blue-500);

  --color-btn-icon-bg: var(--neo-surface-raised);
  --color-btn-icon: var(--neo-blue-500);
  --color-btn-icon-hover-bg: var(--neo-blue-500);
  --color-btn-icon-hover: #ffffff;

  --color-modal-header-bg: var(--neo-blue-500);
  --color-modal-header-text: #ffffff;
  --color-card-header-bg: var(--neo-blue-500);
  --color-card-header-text: #ffffff;

  --color-table-text: var(--neo-text);
  --color-select-text: var(--neo-text);
  --color-submenu-bg: var(--neo-blue-100);
  --color-submenu-text: var(--neo-blue-500);
  --color-submenu-hover-bg: var(--neo-blue-500);
  --color-submenu-hover-text: #ffffff;
}

/* ——— Custom (empresa) ——— base neo white + accents da empresa */
[data-theme="custom"] {
  --neo-bg: #E4E9F2;
  --neo-surface: #E4E9F2;
  --neo-surface-raised: #EDF1F7;
  --neo-text: #1E2A3B;
  --neo-text-muted: #5B6B7F;
  --neo-border: #C5CEDC;
  --neo-shadow-dark: rgba(163, 177, 198, 0.55);
  --neo-shadow-light: rgba(255, 255, 255, 0.85);
  --neo-blue-500: #2F6FED;
  --neo-blue-600: #1F56C9;
  --neo-blue-100: #D6E4FF;
  --neo-success: #2E9E6B;
  --neo-warning: #D97706;
  --neo-danger: #DC3D4A;

  --neo-elevated: 6px 6px 12px var(--neo-shadow-dark), -6px -6px 12px var(--neo-shadow-light);
  --neo-inset: inset 4px 4px 8px var(--neo-shadow-dark), inset -4px -4px 8px var(--neo-shadow-light);

  --color-accent: var(--txColorBackgroundBotao, var(--neo-blue-500));
  --color-accent-hover: var(--txColorBackgroundBotaoHover, var(--neo-blue-600));
  --color-accent-soft: var(--neo-blue-100);
  --color-text: var(--txColorFonteGeral, var(--neo-text));
  --color-text-muted: var(--neo-text-muted);

  --color-menu-bg: var(--txColorBackgroundMenu, var(--neo-surface));
  --color-menu-text: var(--txColorFonteMenu, var(--neo-text));
  --color-menu-hover-bg: var(--txColorBackgroundMenuHouver, var(--neo-blue-100));
  --color-menu-hover-text: var(--txColorFonteMenuHouver, var(--neo-blue-600));

  --color-btn-bg: var(--txColorBackgroundBotao, var(--neo-blue-500));
  --color-btn-text: var(--txColorFonteBotao, #ffffff);
  --color-btn-hover-bg: var(--txColorBackgroundBotaoHover, var(--neo-blue-600));
  --color-btn-hover-text: var(--txColorFonteBotaoHover, #ffffff);

  --color-btn-sec-bg: var(--txColorBackgroundBotaoSecundario, var(--neo-surface-raised));
  --color-btn-sec-text: var(--txColorFonteBotaoSecundario, var(--neo-text));
  --color-btn-sec-hover-bg: var(--txColorBackgroundBotaoSecundarioHover, var(--neo-blue-100));
  --color-btn-sec-hover-text: var(--txColorFonteBotaoSecundarioHover, var(--neo-blue-600));

  --color-btn-icon-bg: var(--txColorBackgroundBotaoIcon, var(--neo-surface-raised));
  --color-btn-icon: var(--txColorIconeBotaoIcon, var(--neo-blue-500));
  --color-btn-icon-hover-bg: var(--txColorBackgroundBotaoIconHover, var(--neo-blue-500));
  --color-btn-icon-hover: var(--txColorIconeBotaoIconHover, #ffffff);

  --color-modal-header-bg: var(--txColorBackgroundModalHeader, var(--neo-blue-500));
  --color-modal-header-text: var(--txColorFonteModalHeader, #ffffff);
  --color-card-header-bg: var(--txColorBackgroundCardHeader, var(--neo-blue-500));
  --color-card-header-text: var(--txColorFonteCardHeader, #ffffff);

  --color-table-text: var(--txColorFonteTabelas, var(--neo-text));
  --color-select-text: var(--txColorFonteSelectInput, var(--neo-text));
  --color-submenu-bg: var(--txColorBackgroundLinkSubmenu, var(--neo-blue-100));
  --color-submenu-text: var(--txColorFonteLinkSubmenu, var(--neo-blue-600));
  --color-submenu-hover-bg: var(--txColorBackgroundLinkSubmenuHover, var(--neo-blue-500));
  --color-submenu-hover-text: var(--txColorLinkSubmenuHover, #ffffff);
}