/*
 * Mooring — design tokens (withmooring.com)
 * Canonical brand vocabulary for the Mooring product site.
 * Harmonized with the Plateau Lane Studios design system: identical token
 * NAMES and values across both sites (cloned per repo, kept in sync).
 */

:root {
  color-scheme: dark;

  /* Backgrounds */
  --bg-deep: #0a0a0c;
  --bg-panel: #111114;
  --bg-card: #18181c;
  --border-subtle: #2a2a30;

  /* Text */
  --text-primary: #e8e6e3;
  --text-secondary: #9a9890;
  --text-muted: #848280;

  /* Accent */
  --accent-amber: #f59e0b;
  --accent-amber-dim: #b27308;
  --accent-amber-hover: #fbbf24;
  --accent-amber-glow: rgba(245, 158, 11, 0.15);

  /* Status */
  --color-error: #ef4444;
  --color-success: #22c55e;

  /* Typography */
  --font-display: 'Outfit', sans-serif;
  --font-mono: 'DM Mono', monospace;

  /* Font weights — mirror the Plateau Lane Studios scale. Keep in sync with
     the website's brand vocabulary so the two sites render identically. */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-heavy: 800;
}

/* Render only real, loaded weights — never synthesize faux bold/oblique.
   Matches plateaulanestudios.com (font-synthesis: none on body). */
body { font-synthesis: none; }