/* Variáveis visuais do Group Aurum Horizon.
   Mesma arquitetura do template: claro e escuro por tokens, nada de cor solta nas telas.
   O accent pode ser sobrescrito por --marca-accent / --marca-accent-escuro (parceiro white-label). */

:root {
  color-scheme: light;

  --ground:      #F7F6F3;
  --surface:     #FFFFFF;
  --surface-2:   #F0EEE8;
  --surface-3:   #E6E3DA;

  --ink:         #16130D;
  --ink-2:       #4D4739;
  --muted:       #6B6455;

  --rule:        #DCD8CC;
  --rule-soft:   #EAE7DE;
  --rule-strong: #7D7666;

  --accent:      var(--marca-accent, #8A6A1F);
  --accent-ink:  var(--marca-accent-ink, #FFFFFF);
  --wash:        color-mix(in srgb, var(--accent) 8%, transparent);

  /* AURUM — o metal. Usado no símbolo, na régua do horizonte e em ornamento.
     Nunca em texto corrido: não tem contraste para isso. */
  --ouro:        #C9A227;
  --ouro-claro:  #E3C766;
  --ouro-fundo:  #F1E7C9;

  /* estados de processo — usados no calendário e no cofre */
  --warn:        #8A4A1B;
  --warn-wash:   rgba(138, 74, 27, .09);
  --stop:        #8C2F2F;
  --stop-ink:    #FFFFFF;
  --stop-wash:   rgba(140, 47, 47, .09);
  --ok:          #2F6B46;
  --ok-wash:     rgba(47, 107, 70, .09);

  --shadow:      0 1px 2px rgba(22,19,13,.05), 0 10px 32px rgba(22,19,13,.07);
  --shadow-lg:   0 2px 6px rgba(22,19,13,.07), 0 24px 64px rgba(22,19,13,.11);

  --f-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --f-body:    "Schibsted Grotesk", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-mono:    ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;

  --pad:   clamp(1rem, 5vw, 3.25rem);
  --page:  min(1180px, 100% - var(--pad) * 2);
  --r:     4px;
  --toque: 48px;
  --dur:   160ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground:      #100E0A;
    --surface:     #191610;
    --surface-2:   #211D15;
    --surface-3:   #2B261C;
    --ink:         #F4F2EC;
    --ink-2:       #BCB5A5;
    --muted:       #968F7E;
    --rule:        #322D22;
    --rule-soft:   #241F18;
    --rule-strong: #756E5E;
    --accent:      var(--marca-accent-escuro, #D9B65F);
    --accent-ink:  var(--marca-accent-ink-escuro, #241C07);
    --wash:        color-mix(in srgb, var(--accent) 12%, transparent);
    --ouro:        #D9B65F;
    --ouro-claro:  #F0DCA0;
    --ouro-fundo:  #2A2312;
    --warn:        #D6A44E;
    --warn-wash:   rgba(214, 164, 78, .12);
    --stop:        #E08585;
    --stop-ink:    #230B0B;
    --stop-wash:   rgba(224, 133, 133, .12);
    --ok:          #7FC79B;
    --ok-wash:     rgba(127, 199, 155, .12);
    --shadow:      0 1px 2px rgba(0,0,0,.5), 0 10px 32px rgba(0,0,0,.5);
    --shadow-lg:   0 2px 6px rgba(0,0,0,.55), 0 24px 64px rgba(0,0,0,.6);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ground:      #100E0A;
  --surface:     #191610;
  --surface-2:   #211D15;
  --surface-3:   #2B261C;
  --ink:         #F4F2EC;
  --ink-2:       #BCB5A5;
  --muted:       #968F7E;
  --rule:        #322D22;
  --rule-soft:   #241F18;
  --rule-strong: #756E5E;
  --accent:      var(--marca-accent-escuro, #D9B65F);
  --accent-ink:  var(--marca-accent-ink-escuro, #241C07);
  --wash:        color-mix(in srgb, var(--accent) 12%, transparent);
  --ouro:        #D9B65F;
  --ouro-claro:  #F0DCA0;
  --ouro-fundo:  #2A2312;
  --warn:        #D6A44E;
  --warn-wash:   rgba(214, 164, 78, .12);
  --stop:        #E08585;
  --stop-ink:    #230B0B;
  --stop-wash:   rgba(224, 133, 133, .12);
  --ok:          #7FC79B;
  --ok-wash:     rgba(127, 199, 155, .12);
  --shadow:      0 1px 2px rgba(0,0,0,.5), 0 10px 32px rgba(0,0,0,.5);
  --shadow-lg:   0 2px 6px rgba(0,0,0,.55), 0 24px 64px rgba(0,0,0,.6);
}