/* Verifynance design tokens.
   Uma paleta só. O modo claro é a mesma paleta invertida: navy, navy claro, menta, gelo.
   Não existe preto nem cinzento em lado nenhum; os textos secundários são tons de navy.
   Valores de contraste medidos contra o fundo do respetivo modo (WCAG 2.1). */

:root {
  --vf-bg: #071223;               /* navy               */
  --vf-surface: #0C1C33;          /* navy claro         */
  --vf-fg: #E4EDF9;               /* gelo      15.88:1  */
  --vf-accent: #79D3C6;           /* menta     10.67:1  */
  --vf-accent-fg: #071223;        /* sobre menta 10.67:1 */
  --vf-accent-strong: #AFEDE4;
  --vf-accent-fill: #79D3C6;
  --vf-accent-fill-strong: #AFEDE4;

  --vf-hl: #79D3C6;               /* palavras destacadas */
  --vf-hl-line: transparent;      /* risco sob o destaque */
  --vf-mono-bg: transparent;      /* caixa do símbolo FY */
  --vf-mono-fg: #79D3C6;

  --vf-muted:   color-mix(in oklab, var(--vf-fg) 60%, transparent);  /*  6.20:1 */
  --vf-muted-2: color-mix(in oklab, var(--vf-fg) 50%, transparent);  /*  4.69:1 */
  --vf-line:    color-mix(in oklab, var(--vf-fg) 11%, transparent);  /* decorativo */
  --vf-line-2:  color-mix(in oklab, var(--vf-fg) 38%, transparent);  /*  3.18:1 */
}

:root[data-vf-theme="light"] {
  --vf-bg: #E4EDF9;
  --vf-surface: #F2F6FB;
  --vf-fg: #071223;               /* 15.88:1 */
  --vf-accent: #79D3C6;
  --vf-accent-fg: #071223;        /* 10.67:1 sobre o preenchimento menta */
  --vf-accent-strong: #5CC3B3;
  --vf-accent-fill: #79D3C6;
  --vf-accent-fill-strong: #5CC3B3;

  /* A menta pura sobre gelo dá 1.49:1 e é ilegível como texto.
     No modo claro o destaque passa a texto navy com a menta como risco por baixo,
     e a menta continua a ser a única cor de acento. Ver README, ponto 1. */
  --vf-hl: #071223;
  --vf-hl-line: #79D3C6;
  --vf-mono-bg: #79D3C6;
  --vf-mono-fg: #071223;

  --vf-muted:   #1E3557;          /* 10.45:1 */
  --vf-muted-2: #3D5680;          /*  6.26:1 */
  --vf-line:    rgba(7,18,35,0.14);
  --vf-line-2:  rgba(7,18,35,0.50); /* 3.39:1 */
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}