/*
 * The state-dependent tokens of the webBESyD look, derived from --heron-state-color with the formulas
 * of Aura 25.2 and of de.tum.heron ui-theme-base heron.css. A state sets --heron-state-color; where its
 * ui-theme-lfulg theme-<state>.css sets more, it also sets the counterparts among --heron-accent-color,
 * --heron-accent-text-color, --heron-title-text-color, --heron-accent-10, --heron-backdrop-tint and
 * --heron-state-cast.
 */
:root {
  --heron-state-color: #358235;
}

@supports (color: oklch(from red l c h)) {
  :root {
    --heron-accent-color: var(--heron-state-color);
    --heron-accent-text-color: oklch(from var(--heron-accent-color) min(0.55, 0.3 + c) calc(c * 0.9) h);
    --heron-title-text-color:
      oklch(from var(--heron-state-color) clamp(0, (0.62 - l) * 1000, 1) 0 0 / clamp(0.8, (0.62 - l) * 1000, 1));
    --heron-focus-color: oklch(from var(--heron-accent-color) min(l, 0.62) c h);
    --heron-accent-10: color-mix(in srgb, var(--heron-accent-color) 10%, transparent);
    --heron-backdrop-tint: var(--heron-accent-color);
    --heron-state-cast: 0.006;
    --heron-panel-color: oklch(from var(--heron-state-color) 0.965 var(--heron-state-cast) h);
    --heron-app-background:
      linear-gradient(rgba(244, 244, 240, 0.85), rgba(244, 244, 240, 0.85)),
      radial-gradient(farthest-side at 50% 0%, var(--heron-backdrop-tint), transparent 50vw),
      radial-gradient(farthest-side at 50% 0%,
        oklch(from var(--heron-backdrop-tint) l c calc(h + 30) / 0.7), transparent 65vw),
      linear-gradient(-10deg, oklch(from var(--heron-backdrop-tint) l c h / 0.55), transparent)
      #f4f4f0;
  }
}