@import url("/argon-color-foundations.css");

:root {
  --bg: var(--dark-bg-secondary);
  --surface: var(--dark-bg-primary);
  --border: color-mix(in srgb, var(--dark-text-primary) 12%, transparent);
  --text: var(--dark-text-primary);
  --muted: var(--dark-text-secondary);
  --quiet: var(--dark-text-tertiary);
  --accent: var(--palette-argon);
  --body-text: color-mix(in srgb, var(--text) 76%, var(--muted));
  --chrome-border: color-mix(in srgb, var(--text) 7%, transparent);
  --hero-start: color-mix(in srgb, var(--surface) 68%, var(--bg));
  --link-underline: color-mix(in srgb, var(--text) 28%, transparent);
  --nav-background: color-mix(in srgb, var(--bg) 88%, transparent);
  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}