/* dfma.tools design tokens.
   Mirrors justgeo.co's grayscale system for visual coherence.
   Diverges on accents (warm amber + green) to signal storefront, not journal. */

:root {
  /* page surfaces -- dark + stark, near-black not pure black */
  --bg:           #0a0a0a;
  --ink:          #e8e8e8;
  --ink-soft:     #9a9a9a;
  --ink-faint:    #6b6b6b;
  --rule:         #1c1c1c;
  --rule-strong:  #2a2a2a;

  /* accents -- warmer than justgeo's teal, intentional storefront tone */
  --ink-accent:   #66c2a5;     /* warm green: brand mark, hover, selection */
  --link:         #cfb98a;     /* amber: body links, buy CTA */
  --link-hover:   #f1d7a3;

  /* buy CTA (solid-fill is a storefront-only divergence from justgeo's btn-line) */
  --buy-bg:        #cfb98a;
  --buy-bg-hover:  #f1d7a3;
  --buy-fg:        #14181c;

  /* status (data labels only, not decorative) */
  --status-available:   #66c2a5;
  --status-beta:        #d6a657;
  --status-coming-soon: #777777;
  --status-archived:    #555555;

  /* type -- system stack, no webfonts */
  --font-body:   -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:   ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  /* layout */
  --measure:      68ch;       /* prose reading-width cap */
  --width:        760px;      /* default page (essays, prose) */
  --width-wide:   960px;      /* landing, product, chrome row */
  --pad:          clamp(1.25rem, 4vw, 2rem);
}