/* ============================================================
   Golden UI — cores. Grafite quente + dourado Golden Sat.
   Tema escuro único, agnóstico de produto.
   Base primeiro, aliases semânticos abaixo.
   ============================================================ */
:root {
  /* superfícies (mais escura → mais clara) */
  --bg: #14151A;         /* fundo do app */
  --bg-raise: #191A20;   /* sidebar, topbar, cabeçalho de tabela */
  --surface: #1B1C22;    /* cartões, painéis */
  --surface-2: #1F2027;  /* inputs, chips, popovers */
  --surface-3: #22232A;  /* hover de itens, tracks */

  /* linhas */
  --line: #26272E;
  --line-strong: #3A3B43;

  /* texto (branco quente) */
  --text: #E6E4DE;
  --text-dim: #9B9991;
  --text-faint: #6E6C64;

  /* dourado Golden Sat — único acento de marca */
  --gold: #EFC463;
  --gold-deep: #D9A93F;
  --gold-bright: #F5D27E;
  --gold-dim: rgba(232, 184, 75, 0.14);   /* superfície dourada */
  --gold-line: rgba(232, 184, 75, 0.28);  /* borda dourada */
  --gold-ink: #241B06;                    /* texto sobre dourado */
  --gold-grad: linear-gradient(135deg, #EFC463, #D9A93F); /* @kind color */

  /* status semânticos — sempre par texto + superfície */
  --green: #7BD3A4;  --green-dim: rgba(96, 196, 144, 0.14);
  --red: #F08B85;    --red-dim: rgba(235, 109, 102, 0.14);
  --blue: #A9BAF2;   --blue-dim: rgba(140, 160, 235, 0.14);
  --warn: #EFC463;   --warn-dim: var(--gold-dim);

  /* dataviz / avatares */
  --c-teal: #5BB8A8; --c-orange: #E89A6B; --c-lime: #9CC97B; --c-slate: #9AA5B5;

  /* aliases semânticos */
  --app-bg: var(--bg);
  --surface-card: var(--surface);
  --surface-input: var(--surface-2);
  --surface-hover: var(--surface-3);
  --border: var(--line);
  --border-strong: var(--line-strong);
  --text-body: var(--text);
  --text-muted: var(--text-dim);
  --text-label: var(--text-faint);
  --accent: var(--gold);
  --accent-surface: var(--gold-dim);
  --accent-line: var(--gold-line);
  --on-accent: var(--gold-ink);
  --danger: var(--red);
  --success: var(--green);
  --info: var(--blue);
  --focus-ring: var(--gold-line);
}
