/* ================================================================
   CIT Tecnologia — tokens do Brandbook.
   Arquivo espelhado de cit-crm/assets/css/tokens.css para que site,
   CRM, Mesa de Servico e Painel do Cliente compartilhem exatamente
   a mesma paleta e tipografia. Nao edite valores aqui: altere no
   Brandbook e replique nos quatro sistemas.
   ================================================================ */
:root{
  --cit-blue-50:#EBF3F9;--cit-blue-100:#CCE2EF;--cit-blue-200:#A6CCE3;--cit-blue-300:#73AED4;--cit-blue-400:#4091C4;
  --cit-blue-500:#006CB0;--cit-blue-600:#005F9B;--cit-blue-700:#005184;--cit-blue-800:#00436D;--cit-blue-900:#003454;

  --cit-turquoise-50:#EBFAFA;--cit-turquoise-100:#CCF4F2;--cit-turquoise-200:#A6EBE9;--cit-turquoise-300:#73E0DC;--cit-turquoise-400:#40D4D0;
  --cit-turquoise-500:#00C6C0;--cit-turquoise-600:#00AEA9;--cit-turquoise-700:#009490;--cit-turquoise-800:#007B77;--cit-turquoise-900:#005F5C;

  --cit-neutral-0:#FFFFFF;
  --cit-neutral-50:#F8FAFB;--cit-neutral-100:#F0F5F7;--cit-neutral-200:#DEE8ED;--cit-neutral-300:#C5D4DC;--cit-neutral-400:#92A8B4;
  --cit-neutral-500:#617985;--cit-neutral-600:#48616E;--cit-neutral-700:#334B57;--cit-neutral-800:#203842;--cit-neutral-900:#122A34;

  --cit-navy-500:#23344E;--cit-navy-600:#1C2A40;--cit-navy-700:#162232;

  --cit-green-50:#EAF7EF;--cit-green-500:#1E8E4E;--cit-green-700:#146137;
  --cit-amber-50:#FDF4E3;--cit-amber-500:#B8791A;--cit-amber-700:#8A5A12;
  --cit-red-50:#FCEDED;--cit-red-500:#C0392B;--cit-red-700:#8E2B20;

  --cit-font-display:"Montserrat",system-ui,sans-serif;
  --cit-font-body:"Poppins",system-ui,sans-serif;
  --cit-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  --cit-weight-regular:400;--cit-weight-medium:500;--cit-weight-semibold:600;--cit-weight-bold:700;

  --cit-text-display:72px;--cit-text-hero:56px;--cit-text-h1:44px;--cit-text-h2:36px;--cit-text-h3:28px;
  --cit-text-h4:22px;--cit-text-lead:18px;--cit-text-body:16px;--cit-text-small:14px;--cit-text-caption:12px;--cit-text-micro:10px;

  --cit-leading-tight:1.08;--cit-leading-snug:1.2;--cit-leading-normal:1.45;--cit-leading-relaxed:1.6;

  --cit-tracking-display:-0.02em;--cit-tracking-heading:-0.01em;--cit-tracking-body:0;
  --cit-tracking-label:0.02em;--cit-tracking-eyebrow:0.14em;

  --cit-space-1:4px;--cit-space-2:8px;--cit-space-3:12px;--cit-space-4:16px;--cit-space-5:20px;
  --cit-space-6:24px;--cit-space-8:32px;--cit-space-10:40px;--cit-space-12:48px;--cit-space-16:64px;

  --cit-container-max:1240px;

  --cit-radius-xs:4px;--cit-radius-sm:8px;--cit-radius-md:10px;--cit-radius-lg:12px;--cit-radius-xl:14px;--cit-radius-full:999px;

  --cit-border-color:var(--cit-neutral-200);
  --cit-border-color-strong:var(--cit-neutral-300);
  --cit-divider:var(--cit-neutral-200);

  --cit-shadow-sm:0 1px 2px rgba(18,42,52,.06);
  --cit-shadow-md:0 2px 8px rgba(18,42,52,.08);
  --cit-shadow-lg:0 8px 24px rgba(18,42,52,.10);

  --cit-focus:var(--cit-turquoise-500);
  --cit-focus-ring:0 0 0 3px rgba(0,198,192,.45);

  --cit-ease:cubic-bezier(.22,.61,.36,1);
  --cit-duration-hover:200ms;

  --cit-primary:var(--cit-blue-500);--cit-primary-hover:var(--cit-blue-600);--cit-primary-active:var(--cit-blue-700);--cit-primary-subtle:var(--cit-blue-50);
  --cit-secondary:var(--cit-turquoise-500);--cit-secondary-hover:var(--cit-turquoise-600);

  --cit-bg-base:#FFFFFF;--cit-bg-subtle:var(--cit-neutral-50);--cit-bg-muted:var(--cit-neutral-100);
  --cit-surface:#FFFFFF;

  --cit-text-primary:var(--cit-navy-500);--cit-text-secondary:var(--cit-neutral-600);--cit-text-muted:var(--cit-neutral-500);
  --cit-text-link:var(--cit-blue-500);--cit-text-link-hover:var(--cit-blue-700);

  --cit-success:var(--cit-green-500);--cit-success-subtle:var(--cit-green-50);--cit-success-strong:var(--cit-green-700);
  --cit-warning:var(--cit-amber-500);--cit-warning-subtle:var(--cit-amber-50);--cit-warning-strong:var(--cit-amber-700);
  --cit-error:var(--cit-red-500);--cit-error-subtle:var(--cit-red-50);--cit-error-strong:var(--cit-red-700);
}