/* GETA CLIPS — tokens. Mundo: ilha de edição à noite. Um acento (tally) que significa "ação" e "no ar". */
@font-face { font-family: "Geist"; src: url("/static/fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/static/fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/static/fonts/manrope-latin-wght-normal.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; src: url("/static/fonts/manrope-latin-ext-wght-normal.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  color-scheme: dark;

  /* superfícies: mesma tinta azulada, só a luz muda */
  --ink-0: #090B10;      /* fundo da sala */
  --ink-1: #0D0F15;      /* faixas e sidebar */
  --ink-2: #12151C;      /* painéis */
  --ink-3: #181B24;      /* elevação 2: menus, popovers */
  --ink-4: #20242F;      /* hover forte */
  --well: #07080C;       /* campos: afundados, recebem conteúdo */

  /* texto: quatro níveis */
  --text-1: #F5F6F8;
  --text-2: #B3B8C4;
  --text-3: #7E8494;
  --text-4: #555B69;

  /* linhas */
  --line-1: rgba(255, 255, 255, 0.07);
  --line-2: rgba(255, 255, 255, 0.11);
  --line-3: rgba(255, 255, 255, 0.18);

  /* tally: ação principal e "ao vivo". O âmbar só aparece em escala de pontuação */
  --tally: #FF2D71;
  --tally-hover: #FF4A85;
  --tally-press: #E81F61;
  --tally-ink: #2A0A16;
  --tally-wash: rgba(255, 45, 113, 0.12);
  --tally-line: rgba(255, 45, 113, 0.38);
  --amber: #FF633F;

  --ok: #22C55E;
  --ok-wash: rgba(34, 197, 94, 0.12);
  --warn: #F5A524;
  --warn-wash: rgba(245, 165, 36, 0.12);
  --err: #F05252;
  --err-wash: rgba(240, 82, 82, 0.12);
  --info: #7AA2FF;

  /* tipografia */
  --font-display: "Manrope", "Geist", system-ui, sans-serif;
  --font-ui: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Consolas, monospace;
  --fs-11: 0.6875rem; --fs-12: 0.75rem; --fs-13: 0.8125rem; --fs-14: 0.875rem; --fs-16: 1rem;
  --fs-18: 1.125rem; --fs-22: 1.375rem; --fs-28: 1.75rem; --fs-36: 2.25rem; --fs-48: 3rem; --fs-64: 4rem;

  /* espaço: base 4 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px;
  --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px; --s-32: 128px;

  /* raios: controles 8, cards 14, diálogos 20 */
  --r-xs: 5px; --r-sm: 8px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px; --r-pill: 999px;

  /* sombras só para o que flutua */
  --shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4);
  --shadow-dialog: 0 24px 64px -12px rgba(0, 0, 0, 0.75);

  /* movimento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-move: cubic-bezier(0.77, 0, 0.175, 1);
  --t-press: 120ms; --t-fast: 160ms; --t-base: 220ms; --t-slow: 360ms;

  --sidebar-w: 248px;
  --topbar-h: 60px;
  --focus: 0 0 0 2px var(--ink-0), 0 0 0 4px var(--tally);
}
