:root {
  /* ---- Roxos: marca e ação ---- */
  --tv-roxo-primario: #5213B9;
  --tv-roxo-hover: #431490;
  --tv-roxo-press: #6B24D6;
  --tv-roxo-acao-escuro: #7B3FE4;
  --tv-roxo-brilho: #8A38F5;
  --tv-roxo-superficie: #2D0A7A;
  --tv-roxo-profundo: #2A0563;
  --tv-roxo-noite: #160028;
  --tv-roxo-chip-ativo: #33146E;
  --tv-roxo-nav-blob: #432A6E;

  /* ---- Lilases: texto e realce sobre escuro ---- */
  --tv-lilas: #B58FFF;
  --tv-lilas-hover: #C9AAFF;
  --tv-lilas-borda: #C9B6F5;
  --tv-lilas-claro: #E0D1FA;
  --tv-lilas-texto: #E8DDFF;
  --tv-lilas-quase-branco: #F2ECFB;

  /* ---- Superfícies roxo-escuras (cards de destaque, hero de assinatura) ---- */
  --tv-ametista-900: #1F1739;
  --tv-ametista-850: #1D1533;
  --tv-ametista-800: #261D48;
  --tv-ametista-750: #2B2150;
  --tv-ametista-borda: #3A2A5C;
  --tv-ametista-borda-forte: #4A3A80;

  /* ---- Neutros escuros (cinza-esverdeado) ---- */
  --tv-preto-player: #07090A;
  --tv-cinza-1000: #0E1213;
  --tv-cinza-950: #14181A;
  --tv-cinza-900: #171C1E;
  --tv-cinza-880: #1A1E20;
  --tv-cinza-850: #1C2224;
  --tv-cinza-800: #20272A;
  --tv-cinza-750: #242A2C;
  --tv-cinza-700: #262C2E;
  --tv-cinza-650: #2C3335;
  --tv-cinza-600: #303738;
  --tv-cinza-500: #394143;

  /* ---- Texto ---- */
  --tv-branco: #FFFFFF;
  --tv-texto-primario: #F4F6F6;
  --tv-texto-forte: #C3CDD0;
  --tv-texto-secundario: #A2ADB1;
  --tv-texto-legenda: #8A9599;
  --tv-texto-terciario: #6E7A7E;
  --tv-superficie-clara: #E4E9EA;

  /* ---- Acentos e status ---- */
  --tv-laranja: #FE5131;
  --tv-laranja-hover: #C83814;
  --tv-pessego: #FFB492;
  --tv-erro: #C2323F;
  --tv-erro-texto: #F0C3C8;
  --tv-erro-link: #D79AA2;
  --tv-erro-link-hover: #F09AA3;
  --tv-sucesso: #1C7A3C;

  /* ---- Transparências recorrentes ---- */
  --tv-hover-icone: rgba(181,143,255,.14);
  --tv-hover-menu: rgba(181,143,255,.12);
  --tv-chip-fundo: rgba(224,209,250,.1);
  --tv-chip-borda: rgba(224,209,250,.18);
  --tv-chip-borda-ativa: rgba(181,143,255,.28);
  --tv-anel-lilas: rgba(181,143,255,.45);
  --tv-superficie-sutil: rgba(242,244,244,.05);
  --tv-fantasma: rgba(255,255,255,.08);
  --tv-fantasma-hover: rgba(255,255,255,.2);
  --tv-fantasma-anel: rgba(255,255,255,.32);
  --tv-overlay-roxo: rgba(22,0,40,.62);
  --tv-overlay-gaveta: rgba(10,4,20,.66);
  --tv-erro-fundo: rgba(194,50,63,.16);

  /* ---- Aliases semânticos ---- */
  --tv-fundo-pagina: var(--tv-cinza-950);
  --tv-fundo-rodape: var(--tv-cinza-1000);
  --tv-fundo-player: var(--tv-preto-player);
  --tv-superficie-1: var(--tv-cinza-900);
  --tv-superficie-2: var(--tv-cinza-850);
  --tv-superficie-card: var(--tv-cinza-800);
  --tv-superficie-skeleton: var(--tv-cinza-750);
  --tv-borda: var(--tv-cinza-700);
  --tv-borda-hover: var(--tv-cinza-500);
  --tv-acao: var(--tv-roxo-primario);
  --tv-acao-hover: var(--tv-roxo-hover);
  --tv-acao-press: var(--tv-roxo-press);
  --tv-link: var(--tv-lilas);
  --tv-link-hover: var(--tv-lilas-hover);
  --tv-foco: var(--tv-lilas);

  /* ---- Gradientes ---- */
  --tv-grad-aura: radial-gradient(120% 130% at 88% 4%, #8A38F5 0%, #5213B9 42%, #2A0563 78%, #160028 100%); /* @kind color */
  --tv-grad-logo-tv: radial-gradient(120% 130% at 88% 4%, #B58FFF 0%, #8F68DC 42%, #6B44A9 78%, #442B6D 100%); /* @kind color */
  --tv-grad-scrim: linear-gradient(180deg, rgba(20,24,26,0) 0%, rgba(20,24,26,.86) 100%); /* @kind color */
  --tv-grad-shimmer: linear-gradient(90deg, rgba(82,19,185,0) 0%, rgba(82,19,185,.1) 50%, rgba(82,19,185,0) 100%); /* @kind color */
  --tv-grad-card-destaque: linear-gradient(158deg, #2B2150 0%, #261D48 46%, #1F1739 100%); /* @kind color */
  --tv-grad-plano-premium: linear-gradient(155deg, #5213B9 0%, #3A0C86 48%, #20044D 100%); /* @kind color */
  --tv-grad-hero-assinatura: linear-gradient(180deg, #1D1533 0%, #14181A 55%); /* @kind color */
  --tv-grad-fade-esq: linear-gradient(90deg, #14181A 0%, rgba(20,24,26,.86) 42%, rgba(20,24,26,0) 100%); /* @kind color */
  --tv-grad-fade-dir: linear-gradient(270deg, #14181A 0%, rgba(20,24,26,.86) 42%, rgba(20,24,26,0) 100%); /* @kind color */
}