/* domain-monitor.tokens.css — token bridge for the redesigned domain list.
   Defers to MudBlazor's themed palette so light/dark switches with
   MudThemeProvider.IsDarkMode. Hardcoded hex fallbacks intentionally survive
   any future MudBlazor token rename so the page degrades to a sane colour
   instead of `initial`. The `.dm-s-*` modifier classes feed `--c` to every
   severity-aware element (accent stripes, pill foregrounds, sparkline
   strokes, progress fills) — change a token here and the whole component
   re-tones atomically. */
:root {
  --critical: var(--mud-palette-error,   #f44336);
  --warning:  var(--mud-palette-warning, #ff9800);
  --clear:    var(--mud-palette-success, #4caf50);
  --accent:   var(--mud-palette-primary, #594ae2);

  --critical-soft: color-mix(in oklab, var(--mud-palette-error,   #f44336) 16%, transparent);
  --warning-soft:  color-mix(in oklab, var(--mud-palette-warning, #ff9800) 16%, transparent);
  --clear-soft:    color-mix(in oklab, var(--mud-palette-success, #4caf50) 14%, transparent);

  --critical-bg: color-mix(in oklab, var(--mud-palette-error,   #f44336) 40%, var(--mud-palette-background, #1a1a27));
  --warning-bg:  color-mix(in oklab, var(--mud-palette-warning, #ff9800) 35%, var(--mud-palette-background, #1a1a27));
  --clear-bg:    color-mix(in oklab, var(--mud-palette-success, #4caf50) 30%, var(--mud-palette-background, #1a1a27));

  --dm-bg:            var(--mud-palette-background,            #1a1a27);
  --dm-bg-2:          var(--mud-palette-surface,               #232333);
  --dm-surface:       var(--mud-palette-drawer-background,     #27273f);
  --dm-surface-2:     var(--mud-palette-background-gray,       #27273f);
  --dm-surface-hover: var(--mud-palette-action-default-hover,  rgba(255,255,255,0.06));
  --dm-border:        var(--mud-palette-lines-default,         rgba(255,255,255,0.12));
  --dm-border-strong: var(--mud-palette-lines-inputs,          rgba(255,255,255,0.30));

  --dm-text:   var(--mud-palette-text-primary,   rgba(255,255,255,0.70));
  --dm-text-2: var(--mud-palette-text-secondary, rgba(255,255,255,0.50));
  --dm-text-3: var(--mud-palette-text-disabled,  rgba(255,255,255,0.40));
  --dm-text-4: var(--mud-palette-action-disabled,rgba(255,255,255,0.26));

  --dm-r-sm: 6px;
  --dm-r:    10px;
  --dm-r-lg: 14px;

  /* Added for the DNS posture page (port of dns-styles.css). */
  --accent-soft:  color-mix(in oklab, var(--mud-palette-primary, #594ae2) 16%, transparent);
  --dm-font-mono: ui-monospace, "SF Mono", Menlo, monospace;
}

.dm-s-critical { --c: var(--critical); --c-soft: var(--critical-soft); --c-bg: var(--critical-bg); }
.dm-s-warning  { --c: var(--warning);  --c-soft: var(--warning-soft);  --c-bg: var(--warning-bg); }
.dm-s-clear    { --c: var(--clear);    --c-soft: var(--clear-soft);    --c-bg: var(--clear-bg); }