/*
 * colors_and_type.css — Lexend webfont + base element styles.
 * Import order: this file pulls in the token layer first.
 */
@import url("./galaxy-design-system.css");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&display=swap");

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-primary);
  background: var(--background-app);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Hierarchy comes from weight + size, never face changes. No letter-spacing. */
h1 { font-size: 30px; font-weight: 700; margin: 0 0 8px; line-height: 1.2; }
h2 { font-size: 24px; font-weight: 700; margin: 0 0 8px; line-height: 1.25; }
h3 { font-size: 20px; font-weight: 600; margin: 0 0 6px; line-height: 1.3; }
h4 { font-size: 16px; font-weight: 600; margin: 0 0 4px; }

p { margin: 0 0 12px; }

a {
  color: var(--accent-primary);
  text-decoration: none;
}
a:hover { color: var(--accent-hover); }

code, pre {
  font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
  font-size: 14.5px;
}

button {
  font-family: inherit;
  cursor: pointer;
}

svg { display: block; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: var(--border-default);
  border-radius: var(--radius-pill);
  border: 2px solid var(--background-app);
}

:focus-visible {
  outline: 3px solid var(--accent-focus);
  outline-offset: 1px;
  border-radius: var(--radius-sm);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}