/**
 * Subscription System — design tokens ("Slate & Teal")
 *
 * Single source of truth for color. Every other stylesheet in this plugin
 * (admin and public) should read colors from these custom properties instead
 * of hardcoding hex values. This file must be enqueued as a dependency
 * ahead of every other Subscription System stylesheet.
 *
 * Kept byte-identical in both admin/css/ and public/css/ since the plugin
 * has no shared /assets/ directory — treat the two copies as one file.
 */
:root {
	/* Brand */
	--ss-primary: #0F766E;
	--ss-primary-dark: #0B5A54;
	--ss-primary-tint: #E2F2F0;
	--ss-accent: #B45309;
	--ss-accent-tint: #FBEDD9;

	/* Neutrals */
	--ss-ink: #111827;
	--ss-body: #4B5563;
	--ss-muted: #8A94A3;
	--ss-bg: #F6F8F9;
	--ss-surface: #FFFFFF;
	--ss-border: #E1E6EA;

	/* Semantic status */
	--ss-success: #15803D;
	--ss-success-tint: #E3F3E8;
	--ss-warning: #B45309;
	--ss-warning-tint: #FBEDD9;
	--ss-danger: #B42318;
	--ss-danger-tint: #FBE9E7;

	/* Shared metrics */
	--ss-radius: 8px;
	--ss-radius-sm: 6px;
	--ss-shadow: 0 1px 2px rgba(17, 24, 39, 0.06), 0 1px 6px rgba(17, 24, 39, 0.04);
}