/* ===== Custom Properties ===== */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap');

:root {
  --purple: #5C1A6B;
  --purple-dark: #3d1148;
  --purple-mid: #7a2d8e;
  --orange: #E8601C;
  --orange-light: #f07840;
  --gray-50: #fafafa;
  --gray-100: #f4f4f5;
  --gray-200: #e4e4e7;
  --gray-400: #a1a1aa;
  --gray-600: #52525b;
  --gray-800: #27272a;
  --green: #16a34a;
  --green-light: #dcfce7;
  --red: #dc2626;
  --red-light: #fee2e2;
  --amber: #d97706;
  --amber-light: #fef3c7;
  --sidebar-w: 240px;
  --topbar-h: 56px;

  /* ===== Tema FROTH (grupo) — identidade compartilhada entre hub, login, usuários ===== */
  --froth-bg:      #181a20;
  --froth-bg-2:    #21242e;
  --froth-ink:     #1f2128;
  --froth-on-dark: #ffffff;
  --froth-muted:   rgba(255,255,255,.58);
  --froth-border:  rgba(255,255,255,.09);
  --froth-accent:  #e8601c;
  --froth-accent-dark: #c64f10;
}