/* Unbox Design System — tokens */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  /* DARK MODE (padrão) */
  --bg0: #09090b;
  --bg1: #111113;
  --bg2: #16161a;
  --bg3: #1c1c21;
  --bg4: #232328;

  --b1: #232328;
  --b2: #2c2c33;

  --t1: #eeeef3;
  --t2: #c8c8d8;
  --t3: #6a6a7a;

  --inp: #1c1c21;
  --inpb: #2c2c33;
  --ti: #eeeef3;

  /* MARCA — sempre fixas */
  --or: #f97316;
  --or2: #e06810;
  --og: rgba(249, 115, 22, .18);
  --og2: rgba(249, 115, 22, .35);
  --bl: #3b82f6;
  --gr: #22c55e;
  --rd: #ef4444;
  --am: #f59e0b;

  /* Tipografia */
  --ff: 'Sora', system-ui, -apple-system, sans-serif;
  --ff-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Geometria */
  --r-card: 10px;
  --r-input: 7px;
  --r-pill: 20px;
  --r-mini: 9px;

  /* Sombras */
  --sh-sm: 0 1px 2px rgba(0,0,0,.3);
  --sh-md: 0 8px 24px rgba(0,0,0,.35);
  --sh-lg: 0 20px 60px rgba(0,0,0,.5);
  --sh-or: 0 10px 30px rgba(249,115,22,.22);

  /* Layout */
  --sidebar-w: 248px;
  --sidebar-collapsed: 64px;
  --topbar-h: 64px;
}

[data-theme="light"] {
  --bg0: #f0f0f4;
  --bg1: #ffffff;
  --bg2: #ffffff;
  --bg3: #f4f4f8;
  --bg4: #e6e6ec;

  --b1: #e0e0e8;
  --b2: #cacad4;

  --t1: #111113;
  --t2: #3a3a4a;
  --t3: #9090a0;

  --inp: #f8f8fb;
  --inpb: #d4d4de;
  --ti: #111113;

  --og: rgba(249, 115, 22, .12);
  --og2: rgba(249, 115, 22, .28);

  --sh-sm: 0 1px 2px rgba(15,15,30,.06);
  --sh-md: 0 8px 24px rgba(15,15,30,.08);
  --sh-lg: 0 20px 60px rgba(15,15,30,.14);
}

/* Accent variants (Tweaks) */
[data-accent="amber"]  { --or: #f59e0b; --or2: #d97706; --og: rgba(245,158,11,.18); --og2: rgba(245,158,11,.35); }
[data-accent="blue"]   { --or: #3b82f6; --or2: #2563eb; --og: rgba(59,130,246,.18); --og2: rgba(59,130,246,.35); }
[data-accent="green"]  { --or: #22c55e; --or2: #16a34a; --og: rgba(34,197,94,.18); --og2: rgba(34,197,94,.35); }
[data-accent="violet"] { --or: #8b5cf6; --or2: #7c3aed; --og: rgba(139,92,246,.18); --og2: rgba(139,92,246,.35); }

* { box-sizing: border-box; }
*::-webkit-scrollbar { width: 3px; height: 3px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--b2); border-radius: 3px; }
*::-webkit-scrollbar-thumb:hover { background: var(--or); }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--ff);
  background: var(--bg0);
  color: var(--t1);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.005em;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

button { cursor: pointer; border: none; background: none; }
a { color: inherit; text-decoration: none; }
code, pre { font-family: var(--ff-mono); }

/* themed transitions (subtle) */
.themed * {
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}