/* ===== Variables de marca (cambia aquí los colores Finnovarisk) ===== */
:root {
  --c-primary:       #6C32D2;  /* morado Finnovarisk */
  --c-primary-600:   #59328B;  /* hover / estados activos */
  --c-primary-900:   #2B1459;  /* títulos y textos de énfasis */
  --c-primary-100:   #E4D9F8;  /* bordes de selección, fondos suaves */
  --c-primary-50:    #F3EEFC;  /* fondo de elementos seleccionados / hover */
  --c-accent:        #59328B;  /* teal */
  --c-accent-600:    #0E8A82;

  --c-bg:            #F3F5F8;
  --c-surface:       #FFFFFF;
  --c-border:        #D5DBE3;
  --c-border-strong: #AEB8C6;

  --c-text:          #1F1A2E;
  --c-text-muted:    #655F7A;

  --c-ok:            #00a357;
  --c-warn:          #fca800;
  --c-error:         #b80900;

  --font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

  --radius: 0;                 /* identidad: sin bordes curvos */
  --topbar-h: 56px;
  --sidebar-w: 320px;
  --gap: 16px;
}

*, *::before, *::after { box-sizing: border-box; border-radius: 0; }

html, body { height: 100%; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.45;
  color: var(--c-text);
  background: var(--c-bg);
}

h1, h2, h3 { margin: 0; font-weight: 600; }
p { margin: 0; }
img { max-width: 100%; display: block; }

.muted { color: var(--c-text-muted); }

:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 1px; }

/* Barras de scroll discretas */
* { scrollbar-width: thin; scrollbar-color: var(--c-border-strong) transparent; }