/* GOAT — tokens do sistema de design (iguais às apps GoatTV e GoatLauncher). Só tema escuro. */

@font-face {
  font-family: "Adwaita Sans";
  src: url("/assets/fonts/AdwaitaSans.woff2?v=1429a7f677") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* cor */
  --bg: #05070D;
  --text: #F5F5F7;
  --text-2: rgba(235, 235, 245, .85);
  --text-3: rgba(235, 235, 245, .60);
  --sky: #38BDF8;
  --indigo: #818CF8;
  --brand-gradient: linear-gradient(135deg, var(--sky), var(--indigo));
  --error: #FF6961;
  --hover: rgba(255, 255, 255, .12);
  --pressed: rgba(255, 255, 255, .30);
  --selected: rgba(255, 255, 255, .12);
  --hairline: rgba(255, 255, 255, .08);
  --focus-bg: #FFFFFF;
  --focus-fg: #000000;

  /* vidro */
  --glass: rgba(17, 21, 34, .60);
  --glass-strong: rgba(17, 21, 34, .88);
  --glass-blur: blur(24px) saturate(140%);
  --glass-sheen: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04) 30%, transparent);
  --glass-border: linear-gradient(180deg, rgba(255, 255, 255, .36), rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .14));

  /* cantos */
  --r-small: 4px;
  --r-control: 8px;
  --r-card: 10px;
  --r-panel: 12px;
  --r-pill: 999px;

  /* tipografia */
  --font: "Adwaita Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-40: 40px; --fs-32: 32px; --fs-24: 24px; --fs-20: 20px;
  --fs-17: 17px; --fs-15: 15px; --fs-13: 13px; --fs-12: 12px;

  /* espaço (grelha de 8px) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 40px; --s-8: 48px; --s-9: 64px;

  /* controlos e movimento */
  --control-h: 44px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 150ms;
  --t-med: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-med: 0ms; }
}