/* Har bir fanning tusini dashboard-themes.js beradi.
   Kartalarning yorug‘lik darajasi hamma mavzuda bir xil. */
html[data-dashboard-mode] {
  color-scheme: dark;
  --fh-mode-canvas: var(--fh-subject-deep, #062550);
  --fh-mode-glow: var(--fh-subject-glow, #245ca7);
  --fh-mode-panel: color-mix(in oklab, var(--fh-mode-canvas) 84%, var(--fh-mode-glow));
  --fh-mode-control: color-mix(in oklab, var(--fh-mode-canvas) 70%, var(--fh-mode-glow));
  --fh-mode-input: color-mix(in oklab, var(--fh-mode-canvas) 91%, var(--fh-mode-glow));
  --fh-mode-active: color-mix(in oklab, var(--fh-mode-canvas) 48%, var(--fh-mode-glow));
  --fh-mode-line: color-mix(in oklab, var(--fh-mode-glow) 58%, #fff4e1);
  --fh-mode-accent: #faead2;
  --fh-mode-text: #fff9ee;
  --fh-mode-muted: color-mix(in oklab, #e8edf5 80%, var(--fh-mode-glow));
  --fh-tinted-light: color-mix(in oklab, var(--fh-mode-glow) 55%, #fff9ee);
  --fh-panel-line: color-mix(in oklab, var(--fh-mode-line) 45%, transparent);

  --fh-panel-paint: linear-gradient(135deg, color-mix(in oklab, var(--fh-mode-glow) 56%, var(--fh-mode-canvas)), var(--fh-mode-canvas));
  --fh-control-paint: linear-gradient(145deg, var(--fh-mode-active), var(--fh-mode-panel));
  --fh-badge-paint: linear-gradient(145deg, var(--fh-mode-glow), var(--fh-mode-canvas));
  --fh-glass-paint: linear-gradient(145deg, color-mix(in oklab, var(--fh-mode-active) 88%, #fff4e1), var(--fh-mode-active));
}

@supports (color: oklch(from #062550 .2711 c h)) {
  html[data-dashboard-mode] {
    --fh-mode-canvas: oklch(from var(--fh-subject-deep, #062550) .2711 c h);
    --fh-mode-glow: oklch(from var(--fh-subject-glow, #245ca7) .4791 c h);
  }
}

html[data-dashboard-mode] body.fh-desktop-fit[data-color-theme] {
  --ink: var(--fh-mode-text);
  --muted: var(--fh-mode-muted);
  --paper: var(--fh-mode-panel);
  --bg: var(--fh-mode-canvas);
  --line: var(--fh-panel-line);
  --fh-nav-cream: var(--fh-mode-accent);
  --fh-nav-muted: var(--fh-mode-muted);
  --silver-text: var(--fh-mode-accent);
  --silver-metal: linear-gradient(var(--fh-mode-accent), var(--fh-mode-accent));
  --math-text: var(--fh-mode-text);
  --math-muted: var(--fh-mode-muted);
  --math-cream: var(--fh-mode-accent);
  color: var(--fh-mode-text) !important;
  scrollbar-color: var(--fh-mode-line) transparent;
}