/* Nei Madeireira — tokens do design system (base: design system do Seu Lóza, adaptado)
   Tema escuro com neutros quentes (madeira). Vinho da marca (#9D252F, do site) só para ação e destaque;
   dourado (#E2B239) como acento secundário. As variáveis --red-* mantêm o nome do Seu Lóza, mas valem vinho;
   status sempre com ícone + texto, nunca só cor. */
:root {
  color-scheme: dark;

  /* Superfícies (neutros com leve viés quente, na direção do vermelho) */
  --bg: #0C0A08;
  --bg-2: #100D0A;
  --s1: #15120E;
  --s2: #1B1712;
  --s3: #24201A;
  --s4: #2E2921;
  --line: rgba(255, 238, 220, .07);
  --line-2: rgba(255, 238, 220, .12);
  --line-3: rgba(255, 238, 220, .2);

  /* Texto */
  --tx: #F4EFE8;
  --tx-2: #BFB5A8;
  --tx-3: #8E8477;
  --tx-4: #645B50;

  /* Marca */
  --red: #B22C38;          /* vinho de ação (um pouco mais vivo que o #9D252F do site, para contraste) */
  --red-deep: #5E141B;
  --red-hot: #C9434E;
  --red-tx: #E57882;          /* vinho para texto: contraste AA sobre --s2 */
  --red-soft: rgba(178, 44, 56, .14);
  --red-line: rgba(214, 92, 100, .45);
  --grad-red: linear-gradient(160deg, #C23A44 0%, #9D252F 42%, #3A0C10 100%);
  --grad-red-soft: linear-gradient(180deg, rgba(178, 44, 56,.22), rgba(139,0,0,0));

  /* Acento dourado (veio da madeira) */
  --gold: #E2B239;
  --gold-tx: #E8C25E;
  --gold-soft: rgba(226, 178, 57, .13);
  --gold-line: rgba(226, 178, 57, .4);
  --wood: #A0703F;
  --grad-wood: linear-gradient(135deg, #6B4423 0%, #A0703F 50%, #5A3519 100%);

  /* Semânticas */
  --ok: #34D17F;   --ok-soft: rgba(52, 209, 127, .13);
  --warn: #F6A723; --warn-soft: rgba(246, 167, 35, .13);
  --crit: #FF4B5C; --crit-soft: rgba(255, 75, 92, .14);
  --info: #5CA8FF; --info-soft: rgba(92, 168, 255, .13);
  --wa: #25D366;   --wa-soft: rgba(37, 211, 102, .12);
  --tick: #53BDEB;

  /* Tipografia */
  --serif: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;   /* títulos: fonte redonda (decisão do Vitor, 16/10) */
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-2xs: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14.5px;
  --fs-lg: 17px;
  --fs-xl: 21px;
  --fs-2xl: 28px;
  --fs-3xl: 38px;

  /* Forma */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Espaço (denso, para painel) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;

  /* Movimento */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --t-fast: 160ms;
  --t-med: 280ms;
  --t-slow: 520ms;

  /* Sombra */
  --shadow-1: 0 1px 0 rgba(255,255,255,.035) inset, 0 12px 32px -14px rgba(0,0,0,.7);
  --shadow-2: 0 1px 0 rgba(255,255,255,.05) inset, 0 24px 60px -20px rgba(0,0,0,.85);
  --glow-red: 0 0 0 1px rgba(196, 64, 74,.55), 0 12px 40px -10px rgba(178, 44, 56,.65);

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