/**
 * First Ground — Obsidian Registry design tokens
 * Shared across marketing surfaces and Qt Fusion dashboard.
 */
/* IBM Plex Mono is self-hosted via fonts.css — do not @import Google Fonts (CSP). */

:root {
  /* Void (marketing dark + dashboard chrome) */
  --fg-void: #07080a;
  --fg-surface: #0e1014;
  --fg-elevated: #161a20;
  --fg-panel: #1a1f26;

  /* Paper (credibility / data bands) */
  --fg-paper: #eceae4;
  --fg-paper-muted: #ddd9d0;

  /* Typography colors */
  --fg-text: #f3f1ec;
  --fg-text-muted: #8a9099;
  --fg-text-faint: #5c636d;
  --fg-ink: #121418;
  --fg-ink-muted: #5a6068;

  /* Accent — single interactive hue (Qt-aligned) */
  --fg-accent: #56b8cf;
  --fg-accent-hover: #6cc8de;
  --fg-accent-dim: rgba(86, 184, 207, 0.14);
  --fg-accent-border: rgba(86, 184, 207, 0.35);

  /* Borders */
  --fg-border: rgba(255, 255, 255, 0.07);
  --fg-border-strong: rgba(255, 255, 255, 0.12);
  --fg-border-ink: rgba(18, 20, 24, 0.12);

  /* Semantic data (pins, status — not brand chrome) */
  --fg-data-compost: #b8925a;
  --fg-data-ad: #56b8cf;
  --fg-data-lfg: #8a9099;
  --fg-data-mixed: #7abfa8;
  --fg-data-both: #9a8ec4;
  --fg-up: #4ade80;
  --fg-down: #f87171;

  /* Typography stacks */
  --fg-font-sans: "Montserrat", sans-serif;
  --fg-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Layout */
  --fg-container: 1200px;
  --fg-radius-sm: 3px;
  --fg-radius-md: 6px;
  --fg-radius-lg: 12px;
  --fg-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Legacy aliases (style.css compatibility) */
  --bg: var(--fg-paper);
  --bg-dark: var(--fg-void);
  --text: var(--fg-ink);
  --text-muted: var(--fg-ink-muted);
  --text-light: #9ca3af;
  --accent: var(--fg-accent);
  --accent-hover: var(--fg-accent-hover);
  --gold: var(--fg-accent);
  --border: var(--fg-border-ink);
  --card-bg: rgba(18, 20, 24, 0.03);
  --fg-black: var(--fg-void);
  --fg-ink-legacy: var(--fg-ink);
  --fg-red: var(--fg-accent);
  --fg-red-hover: var(--fg-accent-hover);
  --fg-gold: var(--fg-accent);
  --fg-paper-legacy: var(--fg-paper);
  --fg-navy: var(--fg-void);
  --fg-up-legacy: var(--fg-up);
  --fg-down-legacy: var(--fg-down);
}
