/* ============================================================
 * variables.css
 * ------------------------------------------------------------
 * Design tokens (Custom Properties) globais da aplicação.
 * Centraliza cores, espaçamentos, raios de borda, sombras e
 * fontes usados em todos os outros arquivos CSS. Qualquer
 * ajuste de tema (ex.: paleta de cores) deve começar por aqui.
 * ============================================================ */

  :root{
    --bg: #eef0f6;
    --bg-grad: linear-gradient(180deg, #f6f7fb 0%, #e9ebf3 100%);
    --panel: #ffffff;
    --panel-2: #f4f5fa;
    --panel-3: #eceef6;
    --line: #dde0ea;
    --line-strong: #c9cddb;
    --ink: #12131c;
    --ink-dim: #5c6070;
    --ink-faint: #9498a6;
    --blue: #3452d9;
    --blue-hover: #2c46c4;
    --blue-active: #23399e;
    --blue-dim: #e8ecfc;
    --blue-dim-strong: #d6ddf9;
    --blue-ring: rgba(52, 82, 217, .18);
    --green: #1f9d55;
    --green-dim: #e6f8ed;
    --amber: #dd8b06;
    --danger: #e0393f;
    --danger-dim: #fceaea;
    --radius: 16px;
    --radius-sm: 11px;
    --radius-lg: 20px;
    --shadow-sm: 0 1px 2px rgba(18,19,28,.05), 0 1px 1px rgba(18,19,28,.04);
    --shadow-md: 0 14px 34px rgba(24,32,64,.12), 0 3px 10px rgba(24,32,64,.06);
    --shadow-lg: 0 24px 60px rgba(24,32,64,.16), 0 6px 18px rgba(24,32,64,.08);
    --sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --mono: 'SF Mono', ui-monospace, 'Menlo', 'Consolas', monospace;

    /* ---------- left sidebar ---------- */
    --ls-expanded: 272px;
    --ls-collapsed: 78px;
    --ls-current: var(--ls-expanded);
    --ls-bg: linear-gradient(180deg, #14151e 0%, #1a1c29 100%);
    --ls-panel: #20222f;
    --ls-line: #2b2d3d;
    --ls-ink: #f3f4f9;
    --ls-ink-dim: #9a9eb4;
    --ls-ink-faint: #6d7189;
  }