/* tokenkarma — design tokens
 * Single source of truth for site styles AND editorial visual templates.
 * Editorial templates in _workrooms/tokenkarma-content/assets/templates/
 * <link>-load this file to render brand-consistent visuals.
 *
 * Served at https://tokenkarma.app/design-tokens.css when deployed.
 */
:root {
  /* === Surfaces === */
  --tk-bg: #0a0a0b;                              /* main background, deep near-black */
  --tk-bg-elevated: #141416;                     /* cards, inputs, raised surfaces */
  --tk-bg-card: rgba(255, 255, 255, 0.02);       /* subtle card background */
  --tk-bg-card-hover: rgba(255, 255, 255, 0.04); /* card hover */

  /* === Text === */
  --tk-fg: #fafafa;                              /* primary text, near white */
  --tk-fg-secondary: #a1a1aa;                    /* body secondary */
  --tk-fg-muted: #71717a;                        /* meta, captions */

  /* === Accent (brand signature green) === */
  --tk-accent: #22c55e;
  --tk-accent-light: #4ade80;
  --tk-accent-dark: #16a34a;
  --tk-accent-glow: rgba(34, 197, 94, 0.15);

  /* === Borders === */
  --tk-border: rgba(255, 255, 255, 0.08);
  --tk-border-hover: rgba(255, 255, 255, 0.16);
  --tk-border-subtle: rgba(255, 255, 255, 0.04);

  /* === Status === */
  --tk-warning: #eab308;
  --tk-danger: #f97316;

  /* === Typography === */
  --tk-font: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --tk-font-mono: 'Geist Mono', 'SF Mono', Consolas, monospace;
  --tk-font-serif: 'Newsreader', Georgia, serif; /* editorial only — site does not load Newsreader */

  /* Convenience alias — kept simple for legacy template compatibility */
  --tk-muted: var(--tk-fg-muted);
}