/* Layout da apostila com as caixas invertidas para azul marinho.
   Estrutura, sombra dura, borda de 2px, cantos, pilulas e Bricolage continuam.
   O papel saiu: toda superficie e navy, com tinta clara.

   Escala derivada de #183653 = oklch(0.325 0.063 249.7), mesma croma e matiz:
     superficie principal   L 0.325  #183653
     superficie secundaria  L 0.26   #062541
     hover / destaque       L 0.36   #213f5d

   Contraste medido da tinta #fffaf0 (WCAG AA pede 4,5:1 em texto normal):
     100% sobre navy 11,93:1 · navy-2 14,97:1 · navy-3 10,44:1
      80% sobre navy  8,25:1 · navy-2  9,94:1 · navy-3  7,36:1
      62% sobre navy  5,62:1 · navy-2  6,51:1 · navy-3  5,11:1
      55% sobre navy  4,76:1 · navy-2  5,42:1 · navy-3  4,37:1 (so placeholder) */
:root{
  /* superficies */
  --navy:#183653;
  --navy-2:#062541;
  --navy-3:#213f5d;

  /* apelidos do layout da apostila: onde havia papel, agora ha navy */
  --paper-light:var(--navy);
  --paper-cream:var(--navy-2);
  --paper-aged:var(--navy-3);
  --tape:var(--navy-3);

  /* acentos de acao e de marca, inalterados */
  --coral:#e9584f;
  --coral-2:#ff6d62;        /* coral legivel como texto sobre navy, 4,50:1 */
  --coral-ativo:#d0403a;    /* mesmo oklch em L 0.58: a tinta clara sobe de 3,38:1 para 4,51:1 */
  --mustard:#d89919;        /* 5,02:1 sobre navy */
  --mustard-soft:#edc76a;
  --gold:#c78b18;

  /* acentos clareados o minimo necessario para passar AA sobre navy */
  --teal:#41aca1;           /* base #07887e, 4,52:1 */
  --teal-dark:#07887e;      /* segue como preenchimento, nunca como texto */
  --teal-soft:#91cbc2;
  --green:#4caf87;          /* base #3a9f78, 4,61:1 */
  --brick:#e77e72;          /* base #8f2f28, 4,51:1 */
  --kraft-dark:var(--mustard);

  /* tinta */
  --white-ink:#fffaf0;
  --ink:#fffaf0;
  --ink-2:rgba(255,250,240,.80);
  --ink-3:rgba(255,250,240,.62);
  --ink-placeholder:rgba(255,250,240,.55);

  /* linhas */
  --linha:rgba(255,250,240,.28);
  --linha-soft:rgba(255,250,240,.16);
  --grade-grafico:rgba(255,250,240,.25);

  /* tipografia: UMA familia so */
  --font:"Bricolage Grotesque",Arial,system-ui,sans-serif;

  /* sombras duras, agora em preto para pegar sobre o navy */
  --shadow-card:7px 9px 0 rgba(0,0,0,.45), 1px 2px 2px rgba(0,0,0,.35);
  --shadow-small:4px 5px 0 rgba(0,0,0,.40);
  --shadow-hover:6px 8px 0 rgba(0,0,0,.45);
  --shadow-press:1px 2px 0 rgba(0,0,0,.45);

  /* movimento: UMA curva so */
  --ease:cubic-bezier(.16,1,.3,1);
  --top-bar:0px;

  /* fundo de erro, agora escuro */
  --erro-bg:#3a1a1c;
}

/* Series dos graficos sobre o cartao navy. Cor por funcao, nunca por posicao. */
:root{
  --serie-nosso:var(--coral-2);
  --serie-concorrente:var(--mustard);
  --serie-concorrente-2:var(--teal);
  --serie-medido:var(--teal);
  --serie-apoio:var(--green);
  --serie-critica:var(--mustard);
  --serie-hater:var(--brick);
  --serie-neutro:rgba(255,250,240,.62);
  --serie-indeciso:var(--teal-soft);
  --serie-bot:var(--mustard);
}