/* =====================================================================
   B2 Group CRM · Design tokens
   Tema escuro, laranja escuro como cor de marca.
   Regra: texto branco só sobre --primary. --accent é para texto/ícone/foco.
   ===================================================================== */
:root {
  color-scheme: dark;

  /* Superfícies */
  --bg: #0F0F11;
  --sidebar: #131316;
  --surface: #18181B;
  --surface-subtle: #1F1F23;
  --track: #232328;
  --border: #2E2E33;
  --divider: #26262B;

  /* Texto */
  --text: #FAFAF9;
  --text-2: #C8C8CC;
  --text-muted: #9A9AA2;
  --placeholder: #6B6B73;
  --on-primary: #FFFFFF;

  /* Marca */
  --primary: #C2410C;
  --primary-hover: #9A3412;
  --accent: #FB923C;
  --accent-soft: #3A1F12;

  /* Status */
  --success: #4ADE80;
  --success-bg: #12301F;
  --warning: #FACC15;
  --warning-bg: #3A3110;
  --danger: #F87171;
  --danger-bg: #3A1A1F;

  /* Foco */
  --focus-ring: 0 0 0 3px rgba(251, 146, 60, 0.25);

  /* Raios */
  --r-xs: 9px;    /* botões pequenos */
  --r-sm: 10px;
  --r-md: 12px;   /* botões e campos */
  --r-lg: 14px;   /* blocos internos */
  --r-xl: 16px;   /* KPIs e colunas do kanban */
  --r-2xl: 18px;  /* cards */
  --r-full: 999px;

  /* Alturas */
  --h-sm: 36px;
  --h-control: 44px;
  --h-action: 48px;
  --h-action-lg: 52px;

  /* Tipografia */
  --font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-page-title: 30px;
  --fs-card-title: 18px;
  --fs-kpi: 26px;
  --fs-body: 14px;
  --fs-small: 13px;
  --fs-xs: 12px;

  /* Layout */
  --sidebar-w: 240px;
  --content-max: 1120px;
  --page-pad-y: 32px;
  --page-pad-x: 28px;

  /* Sombras (só para camadas flutuantes) */
  --shadow-overlay: 0 24px 64px rgba(0, 0, 0, 0.55);
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.45);

  /* Movimento */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 180ms;

  /* Camadas */
  --z-sidebar: 40;
  --z-layer: 100;
  --z-toast: 200;
}