/* KPI_SHARED_THEME_V1 */

:root {
  --kpi-bg-0: #020617;
  --kpi-bg-1: #06101f;
  --kpi-bg-2: #08192e;

  --kpi-panel: rgba(8, 24, 44, .82);
  --kpi-panel-strong: rgba(9, 31, 55, .92);
  --kpi-panel-soft: rgba(15, 40, 66, .58);

  --kpi-line: rgba(125, 211, 252, .18);
  --kpi-line-strong: rgba(125, 211, 252, .38);

  --kpi-text: #f8fafc;
  --kpi-muted: #8fb2cc;
  --kpi-faint: #5d7f9a;

  --kpi-cyan: #38bdf8;
  --kpi-blue: #0ea5e9;
  --kpi-green: #22c55e;
  --kpi-amber: #f59e0b;
  --kpi-red: #fb7185;
  --kpi-violet: #a78bfa;

  --kpi-radius-xl: 28px;
  --kpi-radius-lg: 22px;
  --kpi-radius-md: 16px;
  --kpi-radius-sm: 12px;

  --kpi-shadow-soft: 0 24px 90px rgba(0, 0, 0, .32);
  --kpi-shadow-card: 0 18px 52px rgba(0, 0, 0, .24);

  --kpi-font: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--kpi-bg-0);
}

body {
  margin: 0;
  color: var(--kpi-text);
  font-family: var(--kpi-font);
  background:
    radial-gradient(circle at 8% 0%, rgba(56, 189, 248, .13), transparent 32%),
    radial-gradient(circle at 88% 6%, rgba(167, 139, 250, .09), transparent 32%),
    linear-gradient(145deg, var(--kpi-bg-0) 0%, var(--kpi-bg-1) 48%, var(--kpi-bg-0) 100%);
}

a {
  color: inherit;
}

button,
input,
select {
  font: inherit;
}