/* OCTI rebrand tokens */
:root {
  --brand-primary: #153E75;
  --brand-primary-hover: #1E4F8C;
  --brand-accent: #38BDF8;
  --brand-surface: #F4F7FB;
}
/*
  ForBank Design Tokens — Plataforma de Esteira de Crédito PJ
  Mesma base de tokens usada em forbank/forbank-board.css (Discovery),
  estendida com tokens de aplicação (elevação, movimento, z-index, controles)
  necessários para um produto navegável, inspirados nos princípios do MUI
  (escala de elevação, densidade, estados de campo) e implementados em CSS puro.
*/
:root{
  /* Brand */
  --primary:#153E75;
  --primary-hover:#0F2E5C;
  --primary-soft:#E4EBF5;
  --secondary:#38BDF8;
  --secondary-hover:#0EA5E9;
  --secondary-soft:#E0F2FE;
  --accent:#0EA5E9;
  --accent-hover:#0284C7;
  --accent-soft:#E5F2FF;

  /* Neutral */
  --white:#FFFFFF;
  --gray-50:#F8FAFC;
  --gray-100:#F1F5F9;
  --gray-200:#E2E8F0;
  --gray-300:#CBD5E1;
  --gray-400:#94A3B8;
  --gray-500:#64748B;
  --gray-600:#475569;
  --gray-700:#334155;
  --gray-800:#1E293B;
  --gray-900:#0F172A;

  /* Feedback */
  --success:#16A34A;
  --success-soft:#EAF8F0;
  --success-border:#A7E3C0;
  --warning:#F59E0B;
  --warning-soft:#FEF3E2;
  --warning-border:#FBD48A;
  --danger:#DC2626;
  --danger-soft:#FDEBEB;
  --danger-border:#F3B7B7;
  --info:#0284C7;
  --info-soft:#E7F4FC;
  --info-border:#A9D9F1;

  /* Typography */
  --font-brand:'Montserrat','Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body:'Inter','Roboto',-apple-system,BlinkMacSystemFont,sans-serif;
  --text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;
  --text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
  --leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;

  /* Spacing */
  --space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;
  --space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;

  /* Radius */
  --radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;

  /* Elevation (escala inspirada no MUI: 0 / 1 / 4 / 8 / dropdown) */
  --elevation-0:none;
  --elevation-1:0 1px 3px rgba(11,31,51,.10);
  --elevation-2:0 2px 8px rgba(11,31,51,.08);
  --elevation-3:0 8px 24px rgba(11,31,51,.12);
  --elevation-4:0 16px 40px rgba(11,31,51,.16);
  --elevation-dropdown:0 10px 30px rgba(0,0,0,.15);

  /* Motion */
  --duration-fast:120ms;
  --duration-base:200ms;
  --duration-slow:320ms;
  --easing-standard:cubic-bezier(.4,0,.2,1);

  /* Focus */
  --focus-ring:0 0 0 3px rgba(0,133,255,.35);

  /* Controls */
  --control-height-sm:32px;
  --control-height-md:40px;
  --control-height-lg:48px;
  --header-height:56px;

  /* Application shell */
  --shell-sidebar-width:264px;
  --shell-sidebar-collapsed:76px;
  --shell-content-bg:var(--gray-50);

  /* Z-index scale */
  --z-header:100;
  --z-drawer:400;
  --z-modal:500;
  --z-toast:600;
  --z-tooltip:700;
  --z-scenario:800;

  color-scheme:light;
}