/* Low-chroma neutral derived from the Stage-3 palette grammar. */
:root[data-theme-palette="slate-graphite"] {
  --nova-accent: #aeb5c2;
  --nova-accent-2: #778197;
  --nova-accent-3: #c1c6cf;
  --nova-accent-soft: color-mix(in srgb, var(--nova-accent-2) 14%, transparent);
  --nova-avatar-1: #b6bdc8;
  --nova-avatar-2: #818ba0;
  --nova-focus-ring-color: color-mix(in srgb, var(--nova-accent) 82%, transparent);
  --nova-focus-ring-shadow: color-mix(in srgb, var(--nova-accent) 12%, transparent);
  --nova-selection-bg: color-mix(in srgb, var(--nova-accent-2) 65%, transparent);
  --nova-decorative-glow-1: rgba(119, 129, 151, 0.15);
  --nova-decorative-glow-2: rgba(89, 100, 122, 0.12);
  --nova-sidebar-active-bg: color-mix(in srgb, var(--nova-accent-2) 14%, transparent);
  --nova-sidebar-active-border: color-mix(in srgb, var(--nova-accent-2) 22%, transparent);
  --nova-link-color: var(--nova-accent);
  --nova-chart-accent: var(--nova-accent);
  --nova-button-primary-border: rgba(174, 181, 194, 0.24);
  --nova-button-primary-bg: linear-gradient(145deg, #566174, #69758a);
  --nova-button-primary-hover-shadow: 0 10px 24px rgba(86, 97, 116, 0.28);
  --nova-hero-surface-bg: linear-gradient(
    120deg,
    color-mix(in srgb, var(--nova-accent) 12%, rgba(34, 27, 38, 0.9)),
    color-mix(in srgb, var(--nova-accent-2) 9%, rgba(20, 17, 25, 0.86))
  );
}

:root[data-theme-palette="slate-graphite"][data-theme="light"] {
  --nova-accent: #626b7c;
  --nova-accent-2: #465064;
  --nova-accent-3: #737d8f;
  --nova-avatar-1: #737d8f;
  --nova-avatar-2: #505b70;
  --nova-decorative-glow-1: rgba(98, 107, 124, 0.14);
  --nova-decorative-glow-2: rgba(70, 80, 100, 0.1);
  --nova-button-primary-border: rgba(70, 80, 100, 0.3);
  --nova-button-primary-bg: linear-gradient(145deg, #465064, #626b7c);
  --nova-button-primary-hover-shadow: 0 10px 24px rgba(70, 80, 100, 0.24);
  --nova-hero-surface-bg: linear-gradient(
    120deg,
    color-mix(in srgb, var(--nova-accent) 8%, rgba(250, 251, 253, 0.78)),
    color-mix(in srgb, var(--nova-accent-2) 5%, rgba(250, 251, 253, 0.72))
  );
}