/**
 * Design tokens — unified color palette on .grabwp-waas scope root.
 *
 * These defaults merge the three palettes previously in use:
 *  - Bootstrap blue (#0d6efd)
 *  - Slate family (#0f172a, #64748b, #e2e8f0, #f1f5f9)
 *  - WP admin (#2271b1)
 *
 * Owner-editable tokens override these via wp_add_inline_style from Settings → Appearance.
 * Spacing tokens are intentionally fixed — exposing them invites layout breakage.
 *
 * @since 2.1.0
 */

.grabwp-waas {
	/* ── Accent ─────────────────────────────────────────────────────── */
	--gw-color-accent: #2563eb;
	--gw-color-accent-contrast: #ffffff;
	--gw-color-accent-hover: #1d4ed8;
	--gw-color-accent-active: #1e40af;

	/* ── Text ───────────────────────────────────────────────────────── */
	--gw-color-ink: #0f172a;
	--gw-color-muted: #64748b;

	/* ── Surfaces ───────────────────────────────────────────────────── */
	--gw-color-surface: #ffffff;
	--gw-color-canvas: #f8fafc;
	--gw-color-line: #e2e8f0;

	/* ── Status ─────────────────────────────────────────────────────── */
	--gw-color-success: #22c55e;
	--gw-color-success-surface: #dcfce7;
	--gw-color-success-hover: #15803d;
	--gw-color-success-active: #166534;
	--gw-color-warning: #f59e0b;
	--gw-color-warning-surface: #fef3c7;
	--gw-color-warning-hover: #a16207;
	--gw-color-warning-active: #854d0e;
	--gw-color-danger: #ef4444;
	--gw-color-danger-surface: #fee2e2;
	--gw-color-danger-hover: #b91c1c;
	--gw-color-danger-active: #991b1b;
	--gw-color-info: #3b82f6;
	--gw-color-info-surface: #dbeafe;

	/* ── Plan badges ────────────────────────────────────────────────── */
	--gw-color-plan-pro: #7c3aed;

	/* ── Typography ─────────────────────────────────────────────────── */
	--gw-font-size-base: 1rem;

	/* ── Radius ─────────────────────────────────────────────────────── */
	--gw-radius-sm: 0.25rem;
	--gw-radius-md: 0.5rem;
	--gw-radius-lg: 0.75rem;

	/* ── Spacing (fixed, not owner-editable) ─────────────────────── */
	--gw-space-1: 0.25rem;
	--gw-space-2: 0.5rem;
	--gw-space-3: 0.75rem;
	--gw-space-4: 1rem;
	--gw-space-5: 1.5rem;
	--gw-space-6: 2rem;
}
