@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

/* Shared Astro Prime Group palette. Use dark text on mint surfaces. */
:root {
  --font-sans: "DM Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-surface-dark: #08383f;
  --brand-primary: #03262b;
  --brand-accent: #1bddb1;
  --brand-accent-hover: #16c49d;
  --brand-link: #086454;
  --brand-tint: #dff9f2;
  --brand-canvas: #f3f8f6;
}

::selection { background: var(--brand-accent); color: var(--brand-primary); }
:focus-visible { outline: 3px solid var(--brand-link); outline-offset: 4px; }
.nav :focus-visible, .sidebar :focus-visible, .footer :focus-visible {
  outline-color: var(--brand-accent);
}

body, button, input, select, textarea { font-family: var(--font-sans); }