/*
 * Tokens de tema da casca — a TRADUÇÃO FIEL do tema do app Android
 * (`android/.../ui/theme/Color.kt` e `Theme.kt`), por decisão de referência visual
 * (ADR-0011, Apêndice C, item 4). Estes valores são a identidade "cinema escuro"; toda tela da F2
 * consome estas variáveis, nunca cor solta.
 *
 * O Android tem 4 presets (o accent + o topo do gradiente trocam; o fundo/superfícies/texto ficam).
 * A v1 da TV web embarca só o preset livre padrão — "cinema" —; os presets Pro (temas) são F5+.
 * A troca de tema no Android é `ThemeController`; aqui o gancho natural é trocar estas variáveis no
 * `:root`, mas isso é decisão de quando "Temas" entrar.
 */
:root {
  /* Base "cinema escuro" — fixa entre todos os presets (a identidade). */
  --bg-deep: #070b12; /* quase-preto de cinema (menos halo em OLED/LED) */
  --bg-top: #0c1830; /* topo do gradiente de catálogo (preset "cinema") */
  --surface-1: #0e1520;
  --surface-2: #141e2e;
  --text-high: #f2f6fc;
  --text-med: #93a3b8;
  --error: #ff6b6b;

  /* Família de accent do preset "cinema" (foco + marca). */
  --accent: #4c8dff;
  --accent-dim: #2e63c9;
  --accent-soft: #7fb0ff;
  --on-accent: #06122a;

  /* Tier Pro — ouro morno, reservado a selo/plano/conteúdo travado. NUNCA lê como foco. */
  --pro-gold: #e9c77e;
  --pro-gold-deep: #c79a3c;

  /* Inter é a voz da marca no Android (embarcada no APK) — aqui embarcada como asset (fonts/),
   * os MESMOS .ttf do res/font do Android. A cadeia de fallback cobre o boot antes do load. */
  --font-brand: 'Inter', 'Segoe UI', 'Roboto', system-ui, sans-serif;
}

/* Os 3 pesos do Android (regular/semibold/extrabold). O 700 (bold) aponta para o ExtraBold de
 * propósito: o Compose casa Bold com o peso mais próximo e os títulos do app leem "pesados" — mapear
 * 700→semibold deixaria a casca mais magra que a referência. */
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter_regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter_semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter_extrabold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter_extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}