/* ================================================================
   base.css — Body defaults, layout, typography
   ================================================================ */

body.gbo-body {
  background: var(--gbo-bg-primary);
  color: var(--gbo-text-primary);
  font-family: var(--gbo-font-body);
  font-size: var(--gbo-text-base);
  line-height: 1.6;
  min-height: 100vh;
  transition: background var(--gbo-transition-base), color var(--gbo-transition-base);
}

/* Links */
a {
  color: var(--gbo-accent);
  text-decoration: none;
  transition: color var(--gbo-transition-fast);
}
a:hover {
  color: var(--gbo-accent-hover);
}

/* Headings use display font */
h1, h2, h3, .gbo-heading {
  font-family: var(--gbo-font-display);
  color: var(--gbo-text-primary);
  letter-spacing: 0.02em;
  line-height: 1.3;
}

/* Main content area */
.gbo-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--gbo-space-6) var(--gbo-space-4);
}

/* Wide layout for dashboard */
.gbo-main--wide {
  max-width: 1400px;
}

/* Selection color */
::selection {
  background: var(--gbo-accent-subtle);
  color: var(--gbo-accent);
}