/* Trino Design System — fonte única de tokens institucionais.
   Todos os espaços seguem múltiplos de 4 px.
   Paleta oficial: preto/grafite + dourado. A escala --trino-graphite-* é a
   fonte de verdade; os nomes --trino-navy-* são ALIASES LEGADOS mantidos
   apenas por compatibilidade e apontam para os MESMOS valores grafite. */
:root {
  --trino-graphite-1000: #070809;
  --trino-graphite-950: #0d0f11;
  --trino-graphite-900: #101214;
  --trino-graphite-850: #121517;
  --trino-graphite-800: #141719;
  --trino-graphite-750: #191c1f;
  --trino-graphite-700: #1f2326;
  --trino-graphite-600: #2a2f33;
  /* aliases legados (não usar em código novo) */
  --trino-navy-1000: var(--trino-graphite-1000);
  --trino-navy-950: var(--trino-graphite-950);
  --trino-navy-900: var(--trino-graphite-900);
  --trino-navy-850: var(--trino-graphite-850);
  --trino-navy-800: var(--trino-graphite-800);
  --trino-navy-750: var(--trino-graphite-750);
  --trino-navy-700: var(--trino-graphite-700);
  --trino-navy-600: var(--trino-graphite-600);
  --trino-gold-600: #ae8a4c;
  --trino-gold-500: #c9a86a;
  --trino-gold-300: #d8c090;
  --trino-off-white: #f1f1ee;
  --trino-text-muted: #a9a8a2;
  --trino-text-subtle: #85888a;
  --trino-success: #5bd58a;
  --trino-warning: #f0bf56;
  --trino-danger: #f07f86;
  --trino-info: #9aa4a3;
  --trino-neutral: #9a9f9e;

  --trino-space-1: 4px;
  --trino-space-2: 8px;
  --trino-space-3: 12px;
  --trino-space-4: 16px;
  --trino-space-5: 20px;
  --trino-space-6: 24px;
  --trino-space-7: 28px;
  --trino-space-8: 32px;
  --trino-space-10: 40px;
  --trino-space-12: 48px;

  --trino-radius-xs: 4px;
  --trino-radius-sm: 6px;
  --trino-radius-md: 10px;
  --trino-radius-lg: 14px;
  --trino-radius-xl: 18px;
  --trino-radius-pill: 999px;
  --trino-border-subtle: 1px solid rgba(255, 255, 255, 0.09);
  --trino-border-default: 1px solid rgba(255, 255, 255, 0.14);
  --trino-border-strong: 1px solid rgba(201, 168, 106, .44);

  --trino-elevation-1: 0 1px 3px rgba(0, 0, 0, .28);
  --trino-elevation-2: 0 10px 32px rgba(0, 0, 0, .34);
  --trino-elevation-3: 0 24px 64px rgba(0, 0, 0, .48);
  --trino-focus-ring: 0 0 0 3px rgba(216, 192, 144, .34);

  --trino-control-sm: 32px;
  --trino-control-md: 40px;
  --trino-control-lg: 48px;
  --trino-sidebar-width: clamp(360px, 36vw, 520px);
  --trino-content-max: 1760px;

  --trino-duration-fast: 160ms;
  --trino-duration-normal: 240ms;
  --trino-duration-panel: 320ms;
  --trino-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --trino-ease-emphasized: cubic-bezier(.16, 1, .3, 1);

  --trino-z-header: 30;
  --trino-z-dropdown: 80;
  --trino-z-modal: 200;
  --trino-z-toast: 300;

  /* aliases legados: a migração é incremental, mas os valores são centrais */
  --bg: var(--trino-navy-950);
  --bg-panel: var(--trino-navy-800);
  --bg-panel-2: var(--trino-navy-750);
  --bg-panel-3: var(--trino-navy-700);
  --border: var(--trino-navy-600);
  --border-soft: rgba(255, 255, 255, 0.11);
  --border-hair: rgba(255, 255, 255, 0.07);
  --gold: var(--trino-gold-500);
  --gold-soft: var(--trino-gold-300);
  --gold-dim: rgba(201, 168, 106, .14);
  --green: var(--trino-success);
  --amber: var(--trino-warning);
  --warn: var(--trino-warning);
  --red: var(--trino-danger);
  --danger: var(--trino-danger);
  --text: var(--trino-off-white);
  --text-dim: var(--trino-text-muted);
  --text-dim-2: var(--trino-text-subtle);
  --ring: var(--trino-focus-ring);
  --trans: var(--trino-duration-fast) var(--trino-ease-standard);
}