/* ============================================================
   TOKENS DE MARCA — Contamac Consultoria Contábil
   ------------------------------------------------------------
   Paleta e tipografia extraídas da identidade oficial
   (contamac.com.br). Edite aqui para ajustar a marca.
   ============================================================ */

:root {
  /* ---- Marca: laranja Contamac --------------------------- */
  --orange:       #f58634;
  --orange-600:   #e9761f;
  --orange-700:   #cf6515;
  --orange-soft:  rgba(245, 134, 52, .14);
  --orange-glow:  rgba(245, 134, 52, .35);

  /* Aliases genéricos (usados pelo sistema) */
  --brand-accent:     var(--orange);
  --brand-accent-600: var(--orange-600);
  --brand-accent-700: var(--orange-700);

  /* ---- Escuros (ink) ------------------------------------- */
  --ink-900: #0c0c0e;
  --ink-850: #111114;
  --ink-800: #16161a;
  --ink-700: #1d1d22;
  --ink-600: #26262c;
  --line-dark: rgba(255, 255, 255, .10);

  /* ---- Claros (paper) ------------------------------------ */
  --paper:      #ffffff;
  --paper-soft: #f6f5f2;
  --paper-2:    #efedea;
  --line:       rgba(20, 18, 16, .10);

  /* ---- Texto --------------------------------------------- */
  --tx-strong:      #14140f;
  --tx:             #3a3a36;
  --tx-mut:         #6f6f69;
  --tx-on-dark:     #f4f3f0;
  --tx-on-dark-mut: #a6a6a2;

  /* Aliases usados nos componentes do painel */
  --c-bg:        var(--paper-soft);
  --c-surface:   var(--paper);
  --c-surface-2: var(--paper-2);
  --c-border:    var(--line);
  --c-text:      var(--tx-strong);
  --c-text-soft: var(--tx);
  --c-text-mute: var(--tx-mut);

  /* ---- Semânticas ---------------------------------------- */
  --c-success: #1f9d57;
  --c-warning: #d9930b;
  --c-danger:  #d6453b;
  --c-info:    #2e73c4;

  /* ---- Cores de gráfico (paleta de marca, laranja → marrom) --
     Família quente da Contamac, separada por luminosidade para
     permanecer distinguível inclusive em daltonismo (validada). */
  --chart-1: #f58634;   /* aceitas  — laranja da marca */
  --chart-2: #a85a16;   /* em espera — laranja queimado */
  --chart-3: #3a2a20;   /* negadas  — marrom escuro (apagado) */
  --chart-neutral: var(--ink-700);   /* total/realizadas — neutro */

  /* ---- Tipografia (Google Fonts: Sora / Manrope) --------- */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-sans:    'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Raio ---------------------------------------------- */
  --r-sm: 11px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* ---- Sombras ------------------------------------------- */
  --sh-sm:     0 2px 10px rgba(12, 12, 14, .06);
  --sh-md:     0 10px 30px -14px rgba(12, 12, 14, .22);
  --sh-lg:     0 18px 50px -22px rgba(12, 12, 14, .30);
  --sh-orange: 0 18px 40px -16px rgba(245, 134, 52, .55);
  --sh-ring:   0 0 0 4px rgba(245, 134, 52, .18);

  /* ---- Espaçamento --------------------------------------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  /* ---- Motion -------------------------------------------- */
  --ease:        cubic-bezier(.22, .61, .36, 1);
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: .18s;
  --dur: .4s;
  --dur-slow: .8s;

  /* ---- Layout -------------------------------------------- */
  --maxw: 1200px;
  --sidebar-w: 256px;
}

/* Tema escuro do PAINEL interno (opcional, via botão).
   As apresentações ao cliente já são escuras por natureza. */
:root[data-theme="dark"] {
  --c-bg:        var(--ink-900);
  --c-surface:   var(--ink-800);
  --c-surface-2: var(--ink-850);
  --c-border:    var(--line-dark);
  --c-text:      var(--tx-on-dark);
  --c-text-soft: #cfcfca;
  --c-text-mute: var(--tx-on-dark-mut);

  /* Paleta de gráfico clareada p/ contraste sobre fundo escuro. */
  --chart-1: #fbb97e;
  --chart-2: #e9761f;
  --chart-3: #9c5422;
  --chart-neutral: #cfcfca;
}