:root {
  /* Mesma identidade do app mobile iTask */
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;

  /* Marca iTask — navy editorial */
  --accent: #1B4F8A;
  --accent-hover: #163D6E;
  --accent-dark: #0F2F54;
  --accent-soft: rgba(27, 79, 138, 0.1);
  --accent-glow: rgba(27, 79, 138, 0.22);
  --brand-primary: #1B4F8A;

  --bg: #EEF1F5;
  --bg-elevated: #ffffff;
  --bg-muted: #F7F8FA;

  --text: #0F1C2E;
  --text-secondary: #3A4658;
  --text-tertiary: #6E7A8A;

  --border: rgba(15, 28, 46, 0.1);
  --border-strong: rgba(15, 28, 46, 0.16);

  --shadow-sm: 0 1px 2px rgba(15, 28, 46, 0.04);
  --shadow-md: 0 8px 28px rgba(15, 28, 46, 0.08);
  --shadow-lg: 0 20px 48px rgba(15, 47, 84, 0.12);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;

  --header-h: 72px;

  /* Shell autenticado — sidebar fixa em 60px */
  --sidebar-col-width: 60px;
  --sidebar-icon-wrap: 42px;
  --sidebar-pad-inline: 6px;
  --topbar-height: calc(var(--sidebar-icon-wrap) + var(--sidebar-pad-inline) * 2);
  --topbar-pad-x: 0.85rem;
  --topbar-avatar: 2.15rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.45s;

  /* Status (não confundir com marca) */
  --success: #1F7A4D;
  --warning: #A66A12;
  --danger: #B42318;
  --teal: #2A6F6A;
}