/* Gui Boller DS v2.1. Globais (valor bruto) e alias (papel). Produtos usam só alias. */
:root{
  /* globais */
  --black:#000000;
  --white:#ffffff;
  --deep-navy:#001c42;
  --electric-blue:#2356cc;
  --indigo-750:#242ba6;
  --light-gray:#fafafa;
  --gray-50:#f2f2f2;
  --mid-gray:#a9a9a9;
  --gray-400:#8a8a8a;
  --gray-550:#6b6b6b;
  --blue-300:#7aa2ff;
  --red-300:#ff8a80;
  --red-600:#b42318;
  --navy-alpha-12:rgba(0,28,66,0.12);
  --white-alpha-10:rgba(255,255,255,0.1);
  --green-700:#1d6b3a;
  --green-500:#3a8a57;
  --green-50:#e7f4ec;
  --amber-700:#7a4d00;
  --amber-500:#b07800;
  --amber-50:#fdf3d8;
  --blue-50:#eaf0fb;
  --red-50:#fdeceb;
  --yellow-100:#fff1a8;
  --black-alpha-50:rgba(0,0,0,0.5);
  --navy-alpha-18:rgba(0,28,66,0.18);

  /* alias: superfície */
  --surface-page:var(--gray-50);
  --surface-card:var(--white);
  --surface-input:var(--light-gray);
  --surface-inverse:var(--black);
  --surface-accent:var(--indigo-750);
  --surface-tooltip:var(--deep-navy);
  --surface-placeholder:var(--light-gray);
  --surface-selected:var(--blue-50);
  --surface-success:var(--green-50);
  --surface-warning:var(--amber-50);
  --surface-info:var(--blue-50);
  --surface-critical:var(--red-50);
  --surface-mark:var(--yellow-100);
  --surface-scrim:var(--black-alpha-50);

  /* alias: texto */
  --text-primary:var(--deep-navy);
  --text-inverse:var(--gray-50);
  --text-accent:var(--indigo-750);
  --text-muted:var(--gray-550);
  --text-muted-inverse:var(--mid-gray);
  --text-critical:var(--red-600);
  --text-critical-inverse:var(--red-300);
  --text-placeholder:var(--gray-550);
  --text-success:var(--green-700);
  --text-warning:var(--amber-700);
  --text-info:var(--electric-blue);

  /* alias: borda */
  --border-default:var(--gray-400);
  --border-subtle:var(--navy-alpha-12);
  --border-inverse-subtle:var(--white-alpha-10);
  --border-critical:var(--red-600);
  --border-critical-inverse:var(--red-300);
  --border-selected:var(--electric-blue);
  --border-success:var(--green-500);
  --border-warning:var(--amber-500);
  --border-info:var(--electric-blue);

  /* alias: ação */
  --action-primary-bg:var(--electric-blue);
  --action-primary-text:var(--white);
  --action-secondary-bg:var(--white);
  --action-secondary-text:var(--deep-navy);
  --action-inverse-text:var(--gray-50);
  --action-inverse-border:var(--mid-gray);

  /* alias: link e foco */
  --link-color:var(--electric-blue);
  --link-hover:var(--indigo-750);
  --link-color-inverse:var(--blue-300);
  --focus-outline:var(--deep-navy);
  --focus-outline-inverse:var(--blue-300);

  /* alias: elevação. Só superfícies flutuantes (diálogo, popover, menu, toast). */
  --shadow-overlay:0 8px 24px var(--navy-alpha-18); /* @kind shadow */
}

/* OBSOLETO: compatibilidade com v1 e v2.0. Remoção na v3.0. */
:root{
  --surface-hero:var(--surface-inverse);
  --indigo-accent:var(--indigo-750);
  --site-background:var(--gray-50);
  --gray-500:var(--gray-400);
  --gray-600:var(--gray-550);
  --red-700:var(--red-600);
  --focus-width:var(--focus-ring-width);
  --focus-offset:var(--focus-ring-offset);
}