/* === GENERATED: DO NOT EDIT HERE ===
 * Source: digitists-website/shared/tokens.css
 * Run: cp ../../../../shared/tokens.css ./tokens.css from frost2/
 * (Symlink would 403 - target is outside Docker bind mount)
 */
/* digitists-website palette tokens - canonical source
 * Consumed by:
 *   - wp/wp-content/themes/frost2/  (WordPress)
 *   - nextjs/styles/globals.css     (Next.js)
 * If you need to change a brand color, change it HERE only.
 *
 * Rule: brand accent is constant across light/dark modes.
 * Surface and text colors flip between modes.
 */

:root {
	/* Brand accents - constant in light & dark */
	--brand-digitists: #ef4444;	/* red - paid product */
	--brand-codeists:  #3b82f6;	/* blue - free directory */
	--brand-accent:    var(--brand-digitists);	/* per-site override */

	/* Surfaces - light mode (default) */
	--bg-base:    #ffffff;
	--bg-surface: #fafafa;
	--bg-muted:   #f5f5f5;

	/* Text - light mode */
	--text-primary: #171717;
	--text-secondary: #404040;
	--text-muted: #737373;

	/* Borders - light mode */
	--border-default: #e5e5e5;
	--border-strong:  #d4d4d4;
}

/* Dark mode - user opts in via prefers-color-scheme or html.dark */
@media (prefers-color-scheme: dark) {
	:root {
		--bg-base:    #0a0a0a;
		--bg-surface: #171717;
		--bg-muted:   #262626;

		--text-primary:   #fafafa;
		--text-secondary: #d4d4d4;
		--text-muted:     #a3a3a3;

		--border-default: #262626;
		--border-strong:  #404040;
	}
}

html.dark {
	--bg-base:    #0a0a0a;
	--bg-surface: #171717;
	--bg-muted:   #262626;

	--text-primary:   #fafafa;
	--text-secondary: #d4d4d4;
	--text-muted:     #a3a3a3;

	--border-default: #262626;
	--border-strong:  #404040;
}