/* Flow Theme - AlphaNodes GmbH - https://alphanodes.com - Redmine Hosting
 * Optimized for AlphaNodes Redmine plugins. */

/* Flow Theme - Petrol Color Profile (dark blue-green / Petrolblau)
 *
 * Alternative to flow-variables.css (Indigo).
 * Import this AFTER flow-variables.css to override only the color tokens:
 *
 *   @import url("/assets/themes/flow/flow-variables-465c1dbb.css");
 *   @import url("/assets/themes/flow/flow-variables-petrol-9e0c8f20.css");
 *
 * All structural variables (typography, layout, shadows) remain from
 * flow-variables.css. Only color-bearing tokens are overridden here. */

:root {
  /* -- Accent: Petrol (dark blue-green) -------------------------- */

  --a-color-default: var(--oc-cyan-8);
  --a-colortone2: var(--oc-cyan-9);
  --a-colortone7: var(--oc-cyan-7);

  /* -- Surfaces -------------------------------------------------- */

  --a-color-surface-accent: var(--oc-cyan-0);

  /* -- Links: dark petrol ---------------------------------------- */

  --a-color-link: var(--oc-cyan-9);

  /* -- Top menu: slate petrol ------------------------------------ */

  /* Blend the petrol oc-cyan-9 with the slate oc-gray-7 for a muted,
   * desaturated teal-slate header instead of a pure vivid petrol. */
  --a-top-menu-bg: color-mix(in srgb, var(--oc-cyan-9) 60%, var(--oc-gray-7));
  --a-top-menu-children-hover-bg: var(--oc-cyan-1);

  /* -- Login background ------------------------------------------ */

  --a-login-bg: var(--oc-cyan-0);
  --a-login-bg-g1: var(--oc-cyan-1);
  --a-login-bg-g2: var(--oc-teal-0);
  --a-login-bg-g3: var(--oc-cyan-1);
  --a-login-bg-g4: var(--oc-teal-0);
}

:root.dark,
:root:has(body.dark) {
  /* -- Accent ---------------------------------------------------- */

  --a-color-default: var(--oc-cyan-5);
  --a-colortone2: var(--oc-cyan-8);
  --a-colortone7: var(--oc-cyan-6);

  /* -- Surfaces -------------------------------------------------- */

  --a-color-surface-accent: var(--oc-cyan-9);

  /* -- Top menu -------------------------------------------------- */

  --a-top-menu-bg: var(--oc-gray-9);

  /* -- Login background ------------------------------------------ */

  --a-login-bg: var(--oc-gray-9);
  --a-login-bg-g1: var(--oc-cyan-9);
  --a-login-bg-g2: var(--oc-gray-8);
  --a-login-bg-g3: var(--oc-cyan-9);
  --a-login-bg-g4: var(--oc-gray-8);
}

/* TODO (Redmine 7.0): Mirror changes here when re-enabling OS dark mode.
@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --a-color-default: var(--oc-cyan-5);
    --a-colortone2: var(--oc-cyan-8);
    --a-colortone7: var(--oc-cyan-6);
    --a-color-surface-accent: var(--oc-cyan-9);
    --a-top-menu-bg: var(--oc-gray-9);
    --a-login-bg: var(--oc-gray-9);
    --a-login-bg-g1: var(--oc-cyan-9);
    --a-login-bg-g2: var(--oc-gray-8);
    --a-login-bg-g3: var(--oc-cyan-9);
    --a-login-bg-g4: var(--oc-gray-8);
  }
} */