/* Galacto · Gravity · Brand tokens v1.0 */
:root {
  --color-void: #080b10;
  --color-field: #101720;
  --color-mist: #edf2f4;
  --color-muted: #a7b3c0;
  --color-tidal: #73c9d1;
  --color-orbital: #3c4784;

  --color-background: var(--color-void);
  --color-surface: var(--color-field);
  --color-text: var(--color-mist);
  --color-text-muted: var(--color-muted);
  --color-accent: var(--color-tidal);
  --color-border: rgb(167 179 192 / 20%);

  --font-body: Inter, Arial, sans-serif;
  --font-heading: Inter, Arial, sans-serif;
  --font-meta: ui-monospace, SFMono-Regular, Consolas, monospace;
  --font-weight-body: 400;
  --font-weight-heading: 300;
  --font-size-display: clamp(3rem, 7vw, 7rem);
  --font-size-h1: 4rem;
  --font-size-h2: 2.5rem;
  --font-size-h3: 1.5rem;
  --font-size-body: 1rem;
  --font-size-caption: 0.75rem;
  --font-size-meta: 0.6875rem;
  --line-height-body: 1.6;
  --line-height-heading: 1.05;
  --tracking-heading: -0.045em;
  --tracking-meta: 0.12em;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;
  --content-max: 90rem;
  --page-gutter: clamp(1.5rem, 5vw, 5rem);
  --column-gap: 1.5rem;
  --stroke-field: 1px;
  --duration-interaction: 180ms;
  --duration-reveal: 500ms;
  --duration-ambient: 30s;
  --ease-gravity: cubic-bezier(0.22, 1, 0.36, 1);
  --reveal-travel: 12px;
}

/* Include in the application stylesheet wherever these hooks are used. */
@media (prefers-reduced-motion: reduce) {
  .gravity-ambient { animation: none !important; }
  .gravity-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}