/* QuaccDash - Glance custom CSS (loaded via theme.custom-css-file).
   Colours come from Glance's own theme variables, so the Ember default and the
   Lilac Dusk preset (theme picker) both restyle everything here.
   Native surfaces only; does not hide or replace upstream controls. */

/* Soft accent glow over the theme background. */
body {
  background:
    radial-gradient(ellipse 120% 90% at 15% -5%, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 55%),
    radial-gradient(ellipse 120% 90% at 105% 105%, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 60%),
    var(--color-background);
  background-attachment: fixed;
}

/* Mono footer ("A QuaccIT service", set via branding.custom-footer). */
.footer {
  font-family: "Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  color: color-mix(in srgb, var(--color-primary) 55%, var(--color-text-base));
}

/* Visible keyboard focus. */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Accents on widget titles, frames and bookmark groups. */
.widget-header h2, .widget-header .uppercase { color: color-mix(in srgb, var(--color-primary) 55%, var(--color-text-base)); }
.widget-content-frame { border-color: color-mix(in srgb, var(--color-primary) 30%, transparent); }
.bookmarks-group-title, .size-h3 { color: var(--color-positive); }