/*
 * Tema Gremio (celeste / preto / branco). Unica fonte de valores de cor do app --
 * nenhuma outra folha de estilo deve conter valores hex.
 *
 * --accent: preenchimentos, chips, elementos graficos.
 * --accent-text: texto sobre --bg / --surface (o celeste puro nao atinge 4.5:1
 *   para texto pequeno em fundo claro, por isso tem um valor mais escuro nesse modo).
 * --chip-on-primary-text / --chip-on-secondary-text: cor de texto para escrever
 *   EM CIMA de um chip preenchido com --muscle-primary / --muscle-secondary.
 *   Calculadas para >=4.5:1 (WCAG AA, texto normal) nos dois temas -- ver
 *   docs/verification para as razoes medidas no DOM renderizado.
 */

:root {
  color-scheme: light;

  --bg: #F4F6F8;
  --surface: #FFFFFF;
  --border: #D9E0E6;
  --text: #0B0B0C;
  --text-muted: #4C5560;
  --accent: #0D80BF;
  --accent-text: #095C88;
  --muscle-primary: #0D80BF;
  --muscle-secondary: #2B333D;
  --body-inactive: #C3CBD3;

  --chip-on-primary-text: #000000;
  --chip-on-secondary-text: #FFFFFF;

  --tap-min: 48px;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;

    --bg: #0B0B0C;
    --surface: #16181C;
    --border: #2A2E34;
    --text: #F5F7F9;
    --text-muted: #A9B2BC;
    --accent: #2E9AD6;
    --accent-text: #2E9AD6;
    --muscle-primary: #2E9AD6;
    --muscle-secondary: #97A2AE;
    --body-inactive: #303640;

    --chip-on-primary-text: #000000;
    --chip-on-secondary-text: #000000;
  }
}

:root[data-theme="light"] {
  color-scheme: light;

  --bg: #F4F6F8;
  --surface: #FFFFFF;
  --border: #D9E0E6;
  --text: #0B0B0C;
  --text-muted: #4C5560;
  --accent: #0D80BF;
  --accent-text: #095C88;
  --muscle-primary: #0D80BF;
  --muscle-secondary: #2B333D;
  --body-inactive: #C3CBD3;

  --chip-on-primary-text: #000000;
  --chip-on-secondary-text: #FFFFFF;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0B0B0C;
  --surface: #16181C;
  --border: #2A2E34;
  --text: #F5F7F9;
  --text-muted: #A9B2BC;
  --accent: #2E9AD6;
  --accent-text: #2E9AD6;
  --muscle-primary: #2E9AD6;
  --muscle-secondary: #97A2AE;
  --body-inactive: #303640;

  --chip-on-primary-text: #000000;
  --chip-on-secondary-text: #000000;
}