/* Cognixis UI — tokens de design partilhados (fonte de verdade: identidade do Cognixis TimeSheet).
   Cada frontend copia este bloco para o seu styles.css e importa as fontes em main.tsx:
     import '@fontsource-variable/dm-sans'; import '@fontsource-variable/manrope'; */
:root {
  --font: 'DM Sans Variable', 'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Manrope Variable', 'Manrope', 'DM Sans Variable', system-ui, sans-serif;

  /* marca */
  --brand: #00c8ff;          /* ciano */
  --brand-hover: #00b2e6;
  --brand-soft: #e0f8ff;
  --brand-text: #0096c7;     /* ciano profundo (texto sobre claro) */
  --navy: #0d1628;
  --navy-soft: #1b2740;
  --deep-ink: #050810;

  /* superfícies e texto */
  --bg: #f4f6fa;             /* arctic */
  --surface: #ffffff;
  --panel: #f1f5f9;
  --panel-strong: #e5eaf1;
  --table-head: #c7d0d9;     /* cabeçalho das tabelas */
  --border: #e5eaf1;
  --border-strong: #d3dbe6;
  --text: #0d1628;
  --text-soft: #46556b;
  --muted: #6b7fa3;          /* steel */
  --eyebrow: #5d7391;
  --link: #0096c7;
  --subtitle: #6b7fa3;

  /* estados */
  --ok: #138a55;      --ok-bg: #e5f7ee;
  --late: #c4322f;    --late-bg: #fdeaea;
  --pending: #a05f00; --pending-bg: #fff3dc;
  --review: #2f55d4;  --review-bg: #e8eefe;

  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 12px 40px rgba(13, 22, 40, .07);
  --sidebar: 280px;
  color-scheme: light;
}
h1, h2, h3, .brand-name, .kpi-value { font-family: var(--font-display); }