/**
 * Moove design tokens — shared by filters, forms, tables.
 * Dark overrides: html.dark-mode
 */
:root {
  --moove-border: #e9edf2;
  --moove-input-h: 2.25rem;
  --moove-radius: 0.375rem;
  --moove-radius-lg: 0.5rem;
  --moove-text-sm: 0.875rem;
  --moove-text-xs: 0.8125rem;
  --moove-text-muted: #5c636a;
  --moove-placeholder: #868e96;
  --moove-foreground: #272c33;
  --moove-accent: #58a6ff;
  --moove-accent-hover: #4393e6;
  --moove-accent-foreground: #1f6feb;
  --moove-accent-rgb: 88, 166, 255;
  --moove-destructive: #d9534f;
  --moove-destructive-rgb: 217, 83, 79;
  --moove-success: #3d8b40;
  --moove-success-rgb: 63, 185, 80;
  --moove-warning: #fc8721;
  --moove-warning-rgb: 252, 135, 33;
  --moove-ring: 0 0 0 3px rgba(88, 166, 255, 0.12);
  --moove-select-highlight: rgba(88, 166, 255, 0.14);
  --moove-select-selected: rgba(88, 166, 255, 0.09);
  --moove-card-bg: #fff;
  --moove-input-bg: #fff;
  --moove-input-readonly-bg: #f4f6f8;
  --moove-section-gap: 1.5rem;
  --moove-field-gap: 1rem;
  --moove-modal-row-gap: 1.25rem;
  --moove-modal-col-gap: 1rem;
  --moove-card-padding: 1.25rem 1.5rem;
  --moove-shadow-sm: 0 1px 2px rgba(39, 44, 51, 0.04);
  --moove-shadow-dropdown: 0 4px 14px rgba(39, 44, 51, 0.08);
  --moove-select-clear-size: 1rem;
  --moove-select-clear-bg: linear-gradient(165deg, rgba(88, 166, 255, 0.16) 0%, rgba(88, 166, 255, 0.06) 100%);
  --moove-select-clear-bg-hover: linear-gradient(165deg, rgba(88, 166, 255, 0.26) 0%, rgba(88, 166, 255, 0.12) 100%);
  --moove-select-clear-border: rgba(88, 166, 255, 0.3);
  --moove-select-clear-border-hover: rgba(67, 147, 230, 0.55);
  --moove-select-clear-icon: #1f6feb;
  --moove-select-clear-shadow: 0 1px 2px rgba(31, 111, 235, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --moove-select-clear-shadow-hover: 0 2px 8px rgba(88, 166, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.55);
  --moove-font: Inter, "Helvetica Neue", Arial, sans-serif;
  /* Avisos contextuales */
  --moove-notice-info-accent: var(--moove-accent);
  --moove-notice-info-icon: var(--moove-accent-foreground);
  --moove-notice-info-bg: #f0f7ff;
  --moove-notice-info-border: rgba(88, 166, 255, 0.38);
  --moove-notice-success-accent: #5a9a4d;
  --moove-notice-warning-accent: #fc8721;
  --moove-notice-warning-icon: #e67a15;
  --moove-notice-warning-bg: #fff8f1;
  --moove-notice-warning-border: rgba(252, 135, 33, 0.38);
  --moove-notice-danger-accent: #c45c52;
  /* Navegación compacta */
  --moove-nav-rail-bg: #252a31;
  --moove-nav-rail-border: rgba(255, 255, 255, 0.08);
  --moove-nav-rail-text: rgba(255, 255, 255, 0.72);
  --moove-nav-rail-text-muted: rgba(255, 255, 255, 0.5);
  --moove-nav-rail-hover: rgba(255, 255, 255, 0.06);
  --moove-nav-rail-active-bg: rgba(88, 166, 255, 0.14);
  --moove-nav-rail-active-border: var(--moove-accent);
  --moove-nav-panel-bg: #f7f9fb;
  --moove-nav-panel-border: var(--moove-border);
  --moove-nav-link-active-bg: rgba(88, 166, 255, 0.1);
  --moove-nav-link-active-text: var(--moove-accent-foreground);
  /* Overlay modales (Bootstrap + moove-confirm) */
  --moove-modal-overlay-bg: rgba(39, 44, 51, 0.45);
  --moove-modal-overlay-blur: blur(2px);
}

html.dark-mode {
  /* Superficies (referencia dashboard oscuro) */
  --moove-bg: #0b0e14;
  --moove-bg-elevated: #161b22;
  --moove-bg-muted: #21262d;
  --moove-border: #30363d;
  --moove-border-subtle: #21262d;

  /* Texto */
  --moove-foreground: #e6edf3;
  --moove-text-muted: #8b949e;
  --moove-placeholder: #6e7681;

  /* Acentos semánticos */
  --moove-link: #58a6ff;
  --moove-info: #58a6ff;
  --moove-success: #3fb950;
  --moove-success-rgb: 63, 185, 80;
  --moove-warning: #e3b341;
  --moove-warning-rgb: 227, 179, 65;
  --moove-destructive: #f85149;
  --moove-destructive-rgb: 248, 81, 73;

  /* Controles */
  --moove-card-bg: #161b22;
  --moove-input-bg: #0d1117;
  --moove-input-readonly-bg: #161b22;
  --moove-ring: 0 0 0 3px rgba(88, 166, 255, 0.28);
  --moove-shadow-sm: none;
  --moove-shadow-dropdown: 0 8px 24px rgba(1, 4, 9, 0.45);
  --moove-select-highlight: rgba(88, 166, 255, 0.18);
  --moove-select-selected: rgba(88, 166, 255, 0.14);
  --moove-select-clear-bg: linear-gradient(165deg, rgba(88, 166, 255, 0.22) 0%, rgba(88, 166, 255, 0.08) 100%);
  --moove-select-clear-bg-hover: linear-gradient(165deg, rgba(88, 166, 255, 0.34) 0%, rgba(88, 166, 255, 0.16) 100%);
  --moove-select-clear-border: rgba(88, 166, 255, 0.35);
  --moove-select-clear-border-hover: rgba(88, 166, 255, 0.55);
  --moove-select-clear-icon: #79b8ff;
  --moove-select-clear-shadow: 0 1px 3px rgba(1, 4, 9, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --moove-select-clear-shadow-hover: 0 2px 10px rgba(88, 166, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --moove-modal-overlay-bg: rgba(1, 4, 9, 0.72);

  /* Nav legacy (drawer antiguo, si aplica) */
  --moove-nav-rail-bg: #0b0e14;
  --moove-nav-rail-border: #30363d;
  --moove-nav-rail-text: #e6edf3;
  --moove-nav-rail-text-muted: #8b949e;
  --moove-nav-rail-hover: rgba(255, 255, 255, 0.06);
  --moove-nav-rail-active-bg: rgba(88, 166, 255, 0.14);
  --moove-nav-panel-bg: #161b22;
  --moove-nav-panel-border: var(--moove-border);
  --moove-nav-link-active-bg: rgba(88, 166, 255, 0.12);
  --moove-nav-link-active-text: var(--moove-accent);

  --moove-notice-info-accent: var(--moove-accent);
  --moove-notice-info-icon: #79b8ff;
  --moove-notice-info-bg: rgba(88, 166, 255, 0.12);
  --moove-notice-info-border: rgba(88, 166, 255, 0.38);
  --moove-notice-success-accent: var(--moove-success);
  --moove-notice-warning-accent: var(--moove-warning);
  --moove-notice-warning-icon: #ffc078;
  --moove-notice-warning-bg: rgba(252, 135, 33, 0.12);
  --moove-notice-warning-border: rgba(252, 135, 33, 0.38);
  --moove-notice-danger-accent: var(--moove-destructive);
}