/* ── Fundacao de identidade do Hub Contabil ──
   Fonte unica de tokens. Importar via <link> ANTES de index.css/auth.css.
   Publico em /auth/assets/ (unica pasta acessivel sem login). */

/* ── Fonte self-hosted ── */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('fonts/jetbrains-mono-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2');
}

/* ── Paleta (movida de app/css/index.css — manter identica) ── */
:root {
  color-scheme: dark;
  --bg:        #222120;
  --bg-detail: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.03));
  --bg-detail-size: 100% 100%;
  --bg-detail-position: center;
  --panel:     #2c2b29;
  --panel2:    #323130;
  --border:    #3a3937;
  --border2:   #454340;
  --text-faint:#777777;
  --text:      #ddd8d0;
  --text-dim:  #a8a8a8;
  --text-mid:  #c8c8c8;
  --accent:    #cc785c;
  --accent2:   #d4956a;
  --accent-rgb:204,120,92;
  --green:     #4ec9b0;
  --blue:      #569cd6;
  --red:       #f44747;
  --yellow:    #dcdcaa;
  --purple:    #c586c0;
  --string:    #ce9178;
  --warn-bg:   rgba(220,220,170,0.08);
  --warn-panel:#2e2c28;
  --warn-border:rgba(220,220,170,0.22);
  --green-bg:  rgba(78,201,176,0.08);
  --green-border:rgba(78,201,176,0.18);
  --import-ok-bg:#20332f;
  --import-ok-panel:#273a34;
  --import-ok-border:#2e4a44;
  --import-ok-card-border:#42675f;
  --import-ok-text:#7dd7c7;
  --status-ok-icon-bg:#35a994;
  --status-warn-icon-bg:#c89d1d;
  --status-icon-fg:#fffaf3;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --bg:        #f7f7f7;
    --bg-detail: none;
    --bg-detail-size: auto;
    --bg-detail-position: 0 0;
    --panel:     #ffffff;
    --panel2:    #f3f3f3;
    --border:    #e5e5e5;
    --border2:   #d6d6d6;
    --text-faint:#8a8a8a;
    --text:      #1f1f1f;
    --text-dim:  #5f5f5f;
    --text-mid:  #3b3b3b;
    --accent:    #cc785c;
    --accent2:   #d4956a;
    --accent-rgb:204,120,92;
    --green:     #107c10;
    --blue:      #0067c0;
    --red:       #c42b1c;
    --yellow:    #8a6d00;
    --purple:    #5c2d91;
    --string:    #3b3b3b;
    --warn-bg:   #fff8d6;
    --warn-panel:#fff4ce;
    --warn-border:#f9d44a;
    --green-bg:  #edf7ed;
    --green-border:#c7e0c7;
    --import-ok-bg:#edf7ed;
    --import-ok-panel:#e5f3e5;
    --import-ok-border:#9fd89f;
    --import-ok-card-border:#7fba7f;
    --import-ok-text:#0b6a0b;
    --status-ok-icon-bg:#107c10;
    --status-warn-icon-bg:#f9d44a;
    --status-icon-fg:#ffffff;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg:        #f7f7f7;
  --bg-detail: none;
  --bg-detail-size: auto;
  --bg-detail-position: 0 0;
  --panel:     #ffffff;
  --panel2:    #f3f3f3;
  --border:    #e5e5e5;
  --border2:   #d6d6d6;
  --text-faint:#8a8a8a;
  --text:      #1f1f1f;
  --text-dim:  #5f5f5f;
  --text-mid:  #3b3b3b;
  --accent:    #cc785c;
  --accent2:   #d4956a;
  --accent-rgb:204,120,92;
  --green:     #107c10;
  --blue:      #0067c0;
  --red:       #c42b1c;
  --yellow:    #8a6d00;
  --purple:    #5c2d91;
  --string:    #3b3b3b;
  --warn-bg:   #fff8d6;
  --warn-panel:#fff4ce;
  --warn-border:#f9d44a;
  --green-bg:  #edf7ed;
  --green-border:#c7e0c7;
  --import-ok-bg:#edf7ed;
  --import-ok-panel:#e5f3e5;
  --import-ok-border:#9fd89f;
  --import-ok-card-border:#7fba7f;
  --import-ok-text:#0b6a0b;
  --status-ok-icon-bg:#107c10;
  --status-warn-icon-bg:#f9d44a;
  --status-icon-fg:#ffffff;
}

:root[data-theme="dark"] { color-scheme: dark; }

/* ── Tokens de forma ── */
:root {
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --t-fast: 0.15s;
  --t-base: 0.2s;
  --focus-ring: 0 0 0 2px rgba(var(--accent-rgb), 0.1);
  --shadow-card:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 2px 4px rgba(0,0,0,0.26),
    0 10px 20px rgba(0,0,0,0.28);
  --shadow-card-hover:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 3px 6px rgba(0,0,0,0.30),
    0 14px 26px rgba(0,0,0,0.34),
    0 18px 34px rgba(204,120,92,0.12);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --shadow-card:
      inset 0 1px 0 rgba(255,255,255,0.5),
      0 2px 4px rgba(40,28,18,0.08),
      0 10px 20px rgba(40,28,18,0.12);
    --shadow-card-hover:
      inset 0 1px 0 rgba(255,255,255,0.6),
      0 3px 6px rgba(40,28,18,0.10),
      0 14px 26px rgba(40,28,18,0.14),
      0 18px 34px rgba(182,95,63,0.10);
  }
}

:root[data-theme="light"] {
  --shadow-card:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 4px rgba(40,28,18,0.08),
    0 10px 20px rgba(40,28,18,0.12);
  --shadow-card-hover:
    inset 0 1px 0 rgba(255,255,255,0.6),
    0 3px 6px rgba(40,28,18,0.10),
    0 14px 26px rgba(40,28,18,0.14),
    0 18px 34px rgba(182,95,63,0.10);
}

/* ── Utilitarios de identidade ── */
/* Linha terminal: caixa com prefixo "$ ". (.dz-cmd = alias legado do index.css) */
.u-cmd,
.dz-cmd {
  display: inline-block;
  background: var(--panel2);
  border: 1px solid var(--border2);
  border-radius: var(--radius-sm);
  padding: 4px 12px;
  font-size: 11px;
  color: var(--text-mid);
}
.u-cmd::before,
.dz-cmd::before {
  content: '$ ';
  color: var(--accent);
}

/* Comentario de codigo: prefixo "// ". (.empty-state = alias legado) */
.u-comment::before,
.empty-state::before {
  content: '// ';
  color: var(--text-faint);
}