/* ═══════════════════════════════════════════════════════════════════════
   TEMA · oxygen
   ───────────────────────────────────────────────────────────────────────
   A identidade Oxygen Journeys. É o tema PADRÃO: carrega sempre, antes de
   qualquer outro, e é o que a porta, o carregando e todo pacote sem tema
   próprio usam.

   Dois blocos:
     1. :root  — os valores da paleta. Valem para todos (são o padrão).
     2. html[data-tema="oxygen"] — ornamentos só da Oxygen. Não vazam para
        o tema de outro cliente.

   Os contrastes abaixo foram medidos sobre o campo #FFFFF4 e vêm do
   arquivo original da agenda; a justificativa de cada um está no
   comentário da regra que o usa, em motor/base.css.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* campo e superfícies */
  --campo:#FFFFF4;             /* branco gelo */
  --superficie:#FFFFFF;
  --superficie-2:#FBF9E9;

  /* tinta */
  --tinta:#1E1E1E;             /* 16,56 sobre o campo */
  --tinta-2:#00553E;           /*  8,81 */
  --tinta-3:#217077;           /*  5,72 */
  --tinta-forte:#1E1E1E;       /* tech black — sobre o azul, 7,22 */
  --linha:#E6E3D2;
  --linha-forte:#D8D4BE;

  /* marca — o azul Journeys pinta campo e logo, nunca texto pequeno */
  --marca:#37BBC7;
  --marca-traco:#37BBC7;
  --sobre-marca:#FFFFF4;

  /* acento derivado do azul, escurecido para texto */
  --acento:#28878F;            /* 4,2 — texto grande */
  --acento-escuro:#217077;     /* 5,7 — texto corrido */
  --acento-fundo:#8FD3DA;

  /* cores de ação */
  --forte:#00553E;             /* verde escuro — botões, seleção, doca */
  --sobre-forte:#FFFFF4;       /* 8,81 sobre o verde */
  --positivo:#76BD7C;
  --realce:#D3E27E;            /* amarelo — dia escolhido, sessão marcada */
  --alerta:#F3523F;            /* laranja — destaque */
  --rotulo:#723440;            /* soft wine — rótulos, 9,15 */

  /* forma */
  --raio:20px;
  --raio-p:12px;

  /* tipografia — Manrope e só (o toolkit não usa monoespaçada) */
  --sans:'Manrope',system-ui,sans-serif;
  --mono:'Manrope',system-ui,sans-serif;

  /* transparências da paleta */
  --barra-fundo:rgba(255,255,244,.95);
  --barra-sombra:rgba(255,255,244,.98);
  --sobre-forte-suave:rgba(255,255,244,.55);
  --topo-tinta-suave:rgba(255,255,244,.72);
  --doca-tinta-2:rgba(255,255,244,.9);
  --doca-tinta-3:rgba(255,255,244,.62);
  --doca-tinta-4:rgba(255,255,244,.7);
  --doca-tinta-link:rgba(255,255,244,.82);
  --doca-borda:rgba(255,255,244,.5);
  --sombra-dia:rgba(0,85,62,.16);
  --spark-vazio:rgba(0,85,62,.2);
  --sombra-cartao:rgba(0,85,62,.1);
  --sombra-cartao-sel:rgba(0,85,62,.18);
  --sombra-ficha:rgba(0,85,62,.14);
  --veu:rgba(0,85,62,.4);
  --local-contorno:rgba(0,85,62,.45);
  --folga-barra:rgba(33,112,119,.3);
  --alerta-halo:rgba(243,82,63,.2);
  --porta-aviso-fundo:rgba(255,255,244,.55);
  --porta-linha:rgba(30,30,30,.2);
  --carregando-trilho:rgba(30,30,30,.25);

  /* A/B como cor (gramática faixa ou planos = cor). O amarelo e o azul
     claro são as duas cores de preenchimento da paleta; o motor escolhe a
     tinta da hora por cima. */
  --plano-a:#D3E27E;
  --plano-b:#8FD3DA;
  --plano-comum:#FBF9E9;
}

/* ══ ORNAMENTOS ═════════════════════════════════════════════════════════
   Tudo abaixo é da identidade Oxygen e só vale com data-tema="oxygen".
   Outro tema começa sem o "O" no topo e sem a linha ondulada.        */

/* FORMA EM ESCALA — o "O" do símbolo, o mesmo path do wordmark, grande e
   sangrando pelo canto. Não é elemento novo: é ::after com background. */
html[data-tema="oxygen"] .topo::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:-104px;bottom:-128px;width:420px;height:420px;
  opacity:.16;transform:rotate(198deg);
  background:no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cpath fill='%23FFFFF4' d='M0 66.4072C0 79.2472 16.2441 82.2324 16.2441 89.5631C16.2441 94.9931 5.72629 100.865 7.92257 111.495C10.6774 124.845 26.7163 129.549 44.4842 129.549C58.133 129.549 45.6279 138.996 69.73 138.996C107.378 138.94 138.499 114.302 138.582 69.9402C138.654 30.0446 111.277 0.755779 69.6122 0.615967C53.6987 0.615967 65.6338 8.98582 52.1446 8.98582C36.6376 8.98582 19.7931 16.0596 19.7931 29.8557C19.7931 39.1362 29.779 40.8593 28.2819 46.8485C26.2414 54.9803 0 50.3287 0 66.4072ZM45.4645 49.3274C45.4645 40.9726 33.062 37.5453 36.0296 29.8557C38.2411 24.1233 47.0984 23.6057 52.0952 23.6057C66.4508 23.6057 53.9419 15.1791 69.616 15.1791C103.594 15.2434 122.399 40.8668 122.342 69.9138C122.289 99.6447 102.207 124.471 69.7262 124.535C47.5316 124.535 58.722 115.727 45.5519 115.727C38.8909 115.727 25.3066 114.174 23.8779 108.453C21.826 100.23 32.5414 98.1597 32.5414 89.4951C32.5414 80.0445 17.7032 77.4032 17.7032 70.5335C17.7032 58.521 45.4683 63.0214 45.4683 49.3311'/%3E%3C/svg%3E");
}

/* SINAL E RUÍDO — a linha ondulada do toolkit (p.16-18), usando o .filete
   que já existia como filete de 1px. Mesmo elemento, outra escala.      */
html[data-tema="oxygen"] .filete{
  height:46px;background:no-repeat center/100% 100%;opacity:.5;margin:2px 0 6px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,36 C92,8 148,52 238,38 C328,24 378,6 470,25 C562,44 608,57 700,41 C792,25 838,5 930,23 C1022,41 1092,53 1200,29' fill='none' stroke='%23FFFFF4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (max-width:760px){
  html[data-tema="oxygen"] .topo::after{width:280px;height:280px;right:-92px;bottom:-104px}
  html[data-tema="oxygen"] .filete{height:32px;margin:0 0 4px}
}
@media (max-width:760px){
  html[data-tema="oxygen"] .topo::after{width:230px;height:230px;right:-76px;bottom:-88px;opacity:.14}
  html[data-tema="oxygen"] .filete{height:24px;margin:0 0 2px}
}

/* ── A linha ondulada ────────────────────────────────────────────────── */
html[data-tema="oxygen"] .filete{opacity:.62}

/* ── Forma decorativa ────────────────────────────────────────────────────
   O "O" em creme a 16% desaparecia contra tipo claro. Baixa para 11%: ele
   é textura de campo, não pode competir com o que se lê. */
html[data-tema="oxygen"] .topo::after{opacity:.11}