/* Variables de marca Valion -- mismos tokens que usa insights.valion.com.co,
   para que el centro de ayuda se vea 100% consistente con el producto. */

:root {
  color-scheme: light;

  --brand-primary:       #1F2937;
  --brand-primary-hover: #1B2532;
  --brand-on-primary:    #ffffff;
  --brand-accent:        #FF9900;
  --brand-accent-hover:  #E68600;

  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  --surface-1:      #ffffff;
  --page:           #F8FAFC;
  --text-primary:   #232F3E;
  --text-secondary: #667085;
  --text-muted:     #7B8794;
  --gridline:       #E8EDF2;
  --border:         #E8EDF2;

  --nav-surface: rgba(255,255,255,.86);
  --nav-border:  rgba(226,232,240,.6);

  --status-good:     #0ca30c;
  --status-warning:  #fab219;
  --status-serious:  #ec835a;
  --status-critical: #d03b3b;

  --ai-accent: #7C3AED;
  --ai-bg:     color-mix(in srgb, #7C3AED 6%, var(--surface-1));
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --brand-primary:       #1F2937;
    --brand-primary-hover: #2A3849;
    --brand-on-primary:    #ffffff;

    --surface-1:      #1a1a19;
    --page:           #0d0d0d;
    --text-primary:   #ffffff;
    --text-secondary: #c3c2b7;
    --text-muted:     #898781;
    --gridline:       #2c2c2a;
    --border:         rgba(255,255,255,0.10);

    --nav-surface: rgba(26,26,25,.86);
    --nav-border:  rgba(255,255,255,.10);

    --status-good:     #0ca30c;
    --status-warning:  #fab219;
    --status-serious:  #ec835a;
    --status-critical: #d03b3b;

    --ai-bg: color-mix(in srgb, #7C3AED 10%, var(--surface-1));
  }
}

* { box-sizing: border-box; }
html { scrollbar-gutter: stable; overflow-x: hidden; overflow-y: auto; }

body {
  margin: 0;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--page);
  color: var(--text-primary);
}

h1, h2, h3 { font-family: inherit; }