/* Contrato visual do app interno. Não carregar na landing pública.
   A interface se comporta como uma folha de correção: o papel permanece
   silencioso, a tinta organiza a leitura e a cor só aparece quando informa
   ação, evidência ou estado. */
:root {
  --app-surface: #ffffff;
  --app-ink-reading: #141d36;
  --app-muted-reading: #667189;
  --app-border-reading: #dce2ee;
  --app-border-panel: #dfe4ef;
  --app-border-base: #e6e9f2;
  --app-accent-reading: #5870f2;
  --app-accent-reading-soft: #edf0fc;
  --app-state-cut: #52761f;
  --app-state-positive: #4f741b;
  --app-state-positive-soft: #effadc;
  --app-state-negative: #b43b4d;
  --app-state-negative-soft: #fdeef0;

  --app-radius-control: 10px;
  --app-radius-inset: 12px;
  --app-radius-mobile-panel: 14px;
  --app-radius-panel: 16px;
  --app-radius-card: 18px;
  --app-radius-pill: 999px;
  --app-shadow-card: 0 1px 2px rgba(37, 48, 87, .05);
  --app-shadow-reading: 0 1px 2px rgba(29, 39, 70, .05);
  --app-shadow-hover: 0 6px 18px rgba(37, 48, 87, .07);

  --app-space-1: 4px;
  --app-space-2: 8px;
  --app-space-3: 12px;
  --app-space-4: 16px;
  --app-space-5: 20px;
  --app-space-6: 24px;
  --app-space-7: 28px;
  --app-space-8: 32px;

  /* Gramática de experiência — os aliases antigos continuam disponíveis para
     que cada sala migre sem uma troca global cega. */
  --app-canvas: #f6f7f4;
  --app-canvas-cool: #f4f6fb;
  --app-paper: #ffffff;
  --app-paper-soft: #fafbfe;
  --app-ink: #172039;
  --app-ink-soft: #39445d;
  --app-muted: #6d7890;
  --app-line: #dde2ec;
  --app-line-strong: #cbd3e1;
  --app-primary: #586ee8;
  --app-primary-strong: #4055c7;
  --app-primary-soft: #eef1ff;
  --app-action: #aceb4f;
  --app-action-strong: #82c52a;
  --app-success: #5f8d2d;
  --app-success-soft: #f2f8e9;
  --app-warning: #a86a14;
  --app-warning-soft: #fff8ea;
  --app-danger: #bf4052;
  --app-danger-soft: #fff0f2;

  --app-type-caption: .75rem;
  --app-type-support: .875rem;
  --app-type-body: 1rem;
  --app-type-card: 1.125rem;
  --app-type-section: 1.5rem;
  --app-type-page: 2rem;
  --app-leading-tight: 1.12;
  --app-leading-body: 1.55;

  --app-content-narrow: 680px;
  --app-content-reading: 760px;
  --app-content-wide: 1120px;
  --app-tap: 44px;

  --app-elevation-active: 0 12px 34px rgba(35, 47, 82, .09);
  --app-elevation-overlay: 0 24px 64px rgba(29, 39, 70, .18);
}