:root, [data-theme="claro"] {
  --accent: #4f46e5;
  --accent-fg: #ffffff;
  --accent-secundaria: #0ea5e9;
  --cor-sidebar: #fbfbfd;
  --color-neutral-50: #f5f6f8;
  --color-white: #ffffff;
  --color-neutral-100: color-mix(in srgb, #e6e8ec 45%, #ffffff);
  --color-neutral-200: #e6e8ec;
  --color-neutral-300: color-mix(in srgb, #e6e8ec 75%, black);
  --color-neutral-900: #14161a;

  --bg: var(--color-neutral-50);
  --surface: var(--color-white);
  --sidebar: var(--cor-sidebar);
  --border: var(--color-neutral-200);
}

[data-theme="escuro"] {
  --accent: #4f46e5;
  --accent-fg: #ffffff;
  --accent-secundaria: #0ea5e9;
  --cor-sidebar: #1e1f22;
  --color-neutral-50: #1c1c1e;
  --color-white: #26262a;
  --color-neutral-100: #2d2d31;
  --color-neutral-200: #3a3a3f;
  --color-neutral-300: #48484e;
  --color-neutral-400: #86868c;
  --color-neutral-500: #98989e;
  --color-neutral-600: #ababb1;
  --color-neutral-700: #bfbfc4;
  --color-neutral-800: #d8d8db;
  --color-neutral-900: #f2f2f3;

  --bg: var(--color-neutral-50);
  --surface: var(--color-white);
  --sidebar: var(--cor-sidebar);
  --border: var(--color-neutral-200);
}

.app-sidebar { background-color: var(--cor-sidebar); }