/* TRIPI/MEDIA — tokens (extraídos do bloco :root de design_system_tripi.html) */
:root{
  /* Neutros — quase-pretos frios */
  --bg-void:        #06070A;
  --bg-base:        #0E0F13;
  --bg-surface:     #191B20;
  --bg-elevated:    #25272D;
  --line:           #30333A;
  --line-strong:    #43464F;
  --text-muted:     #82848C;
  --text-soft:      #B4B6BB;
  --text:           #F2F3F6;
  /* Bordô — rampa de acento */
  --bordo-950: #1F060A;
  --bordo-900: #3A0A14;
  --bordo-850: #54111E;
  --bordo-800: #701929;
  --bordo-700: #8E1F33;
  --bordo-600: #AD2B40;
  --bordo-500: #CA394C;
  --bordo-400: #E34D5B;
  --bordo-300: #F66B71;
  /* Foco */
  --focus-ring: #A7E0FF;
  /* Semânticas — erro é âmbar-laranja, nunca vermelho */
  --info:    #22B5E1;
  --success: #4EC983;
  --warning: #F0B135;
  --danger:  #F3813F;
  --info-surface:    #00344A;  --info-border:    #005D7E;
  --success-surface: #00381C;  --success-border: #006436;
  --warning-surface: #412800;  --warning-border: #724900;
  --danger-surface:  #4C1E0D;  --danger-border:  #83391E;
  /* Layout / tipografia / movimento */
  --pad: clamp(20px, 2.25vw, 38px);
  --max: 1720px;
  --font-body: "degular-text", "Degular Text", Arial, sans-serif;
  --font-display: "degular-display", "Degular Display", sans-serif;
  --font-mid: "degular", "Degular", sans-serif;
  --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-soft: cubic-bezier(.2,.8,.2,1);
}