/*
 * Copyright (C) 2023 Red Hat, Inc.
 * SPDX-License-Identifier: LGPL-2.1-or-later
 */
/* The branding colors for Fedora Linux are defined in cockpit/branding/fedora/branding.css
   Here are some further customizations to make the UI look better with those colors. */

/* Fedora doesn't ship the on-dark version of the SVG, but we can fake it */
.logo {
  filter: invert(1) grayscale(1) brightness(2.5);
  mix-blend-mode: screen;
}

/* Override the top header to have a Fedora blue */
.pf-v6-c-page__main-group > .pf-v6-c-page__main-section:first-child {
  --_text: white;
  background: radial-gradient(circle at 2.5rem, var(--brand-default-light) 32px, var(--brand-default) 100%);

  .pf-v6-c-content {
    --pf-v6-c-content--Color: var(--_text);
  }
}

/* Have the kebab toggle inherit the text color, for better color contrast */
#toggle-kebab {
  path {
    fill: var(--_text);
  }

  &:hover path {
    fill: color-mix(in lch, var(--_text) 75%, transparent);
  }
}

/* Special-case some light-mode optimizations */
html:not(.pf-v6-theme-dark) {
  .pf-v6-c-wizard__nav-link.pf-m-current::before {
    --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--brand-default-light);
  }
}