/* Lay Farias — Design Tokens (fonte da verdade).
   Documentação: design/design-system.md · Carregue ANTES de app.css/admin.css. */
:root {
  /* superfícies */
  --bg: #0D0D10;
  --surface: #15171C;
  --surface-2: #1D2026;
  --line: #262A31;

  /* texto */
  --text: #F2F3F5;
  --muted: #8B9099;

  /* marca — a cor do LAY (rosa) */
  --lay-soft: #F2CBD1;   /* pálido oficial · labels, tints, soft fills */
  --lay-mid: #EE9AAA;
  --lay: #E76A85;        /* ★ acento principal · botões, destaques, foco */
  --lay-strong: #E2566F; /* hover/pressed */
  --lay-tint: rgba(231, 106, 133, .12); /* fundos sutis do acento */

  /* acento semântico (use estes nos componentes) */
  --accent: var(--lay);
  --accent-contrast: #0D0D10; /* texto sobre o acento */

  /* funcionais (uso restrito) */
  --back: #A9C9E8;  /* só em células lay/back de exchange */
  --win:  #2FBF71;  /* ganho / "green" — só dados de resultado */
  --loss: #E5484D;  /* perda / "red" — só dados de resultado */
  --warn: #E0A93B;

  /* raios */
  --r-sm: 8px;
  --r-md: 11px;
  --r-lg: 16px;

  /* aliases legados (área de membros já construída) → apontam pro novo sistema */
  --surface2: var(--surface-2);
  --lime: var(--lay);
  --limedim: var(--lay-strong);
}