/*
 * NeatDash Brand Tokens
 * Source: pixel analysis of brand/assets/logo-v1.png and logo-v2.png (2026-03-28)
 *
 * Usage:
 *   Import AFTER forge.css:
 *     <link rel="stylesheet" href="path/to/forge.css">
 *     <link rel="stylesheet" href="path/to/nd-tokens.css">
 *
 * DO NOT redeclare --forge-* variables. Use --nd-* for all NeatDash overrides.
 * Forge structural tokens (spacing, typography, motion) are inherited as-is.
 */

:root {
  /* ── Backgrounds ─────────────────────────────────────────── */
  --nd-bg:             #F5F2EA;   /* cream — logo background, page background */
  --nd-bg-elevated:    #FFFFFF;   /* white — elevated surfaces, code blocks */

  /* ── Brand Colors ────────────────────────────────────────── */
  --nd-primary:        #4395A0;   /* teal — logo "N", headings, links, primary actions */
  --nd-primary-dark:   #2F7580;   /* teal −20% — pressed/active states */
  --nd-primary-light:  #6AB0B9;   /* teal +20% — hover tints */
  --nd-accent:         #E96A32;   /* orange — logo "D", CTAs, highlights */
  --nd-accent-dark:    #C85520;   /* orange −20% — pressed/active states */
  --nd-accent-light:   #F08A5A;   /* orange +20% — hover tints */

  /* ── Text on Cream Background ────────────────────────────── */
  --nd-text-primary:   #1A1A1A;   /* near-black — headings, body text */
  --nd-text-secondary: #5A5A5A;   /* mid-grey — labels, metadata */
  --nd-text-muted:     #8A8A8A;   /* light grey — captions, disabled states */

  /* ── Borders ─────────────────────────────────────────────── */
  --nd-border-color:   rgba(0, 0, 0, 0.10);
  --nd-border:         1px solid var(--nd-border-color);
}

/*
 * ── Typography Notes ──────────────────────────────────────────
 *
 * NeatDash inherits Forge's typography pair — no additional fonts needed.
 *
 * UI text / body / prose:
 *   font-family: var(--forge-font-sans);    → Inter, system-ui, sans-serif
 *   Headings: var(--forge-weight-semibold), color: var(--nd-primary)
 *   Body:     var(--forge-weight-normal),   color: var(--nd-text-primary)
 *   Labels:   var(--forge-weight-medium),   color: var(--nd-text-secondary)
 *
 * Data / IDs / code:
 *   font-family: var(--forge-font-mono);    → JetBrains Mono, Fira Code
 *   Color: var(--nd-text-secondary)
 *   Background: var(--nd-bg-elevated)
 *
 * DO NOT import Inter or JetBrains Mono separately — forge.css loads them
 * via Google Fonts CDN. A second @import causes FOUT or double-load.
 */