/**
 * Master Distillers — design tokens
 * @see docs/design-system.md
 */

:root {
	/* Primary */
	--md-color-surface: #f6f1eb;
	--md-color-ink: #111111;
	--md-color-gold: #d3a877;
	--md-color-white: #ffffff;

	/* Secondary */
	--md-color-border: #dad3c7;
	--md-color-text-muted: #6e6a63;
	--md-color-success: #16a34a;
	--md-color-success-tint: #ecf6ef;
	--md-color-error: #c8523d;
	--md-color-error-tint: #fbedea;
	--md-color-error-border: #ead0c9;

	/* State */
	--md-color-ink-hover: #262626;
	--md-color-ink-active: #000000;
	--md-color-surface-active: #efe7db;
	--md-color-border-active: #c9c0b2;
	--md-color-border-disabled: #e7e1d6;

	/* Derived */
	--md-color-text-tertiary: #9a958c;
	--md-color-card: var(--md-color-white);

	/* Typography */
	--md-font-heading: 'Belleza', serif;
	--md-font-body: 'Open Sans', sans-serif;
	--md-text-h1-size: 2.5rem;
	--md-text-h1-tracking: -0.01em;
	--md-text-h2-size: 1.75rem;
	--md-text-h2-tracking: 0.005em;
	--md-text-h3-size: 1.25rem;
	--md-text-h3-tracking: 0.02em;
	--md-text-body-size: 1rem;
	--md-text-body-leading: 1.6;
	--md-text-small-size: 0.875rem;
	--md-text-confirm-size: 0.75rem;
	--md-text-eyebrow-tracking: 0.18em;

	/* Radius */
	--md-radius-button: 8px;
	--md-radius-message: 12px;
	--md-radius-card: 16px;

	/* Spacing (4px base) */
	--md-space-1: 4px;
	--md-space-2: 8px;
	--md-space-3: 12px;
	--md-space-4: 16px;
	--md-space-5: 24px;
	--md-space-6: 32px;
	--md-space-7: 48px;

	/* Motion */
	--md-transition-color: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;

	/* Focus */
	--md-focus-ring: 2px solid var(--md-color-gold);
	--md-focus-offset: 2px;
}

/**
 * Inline confirmation copy — progress / ready / saved hints (not banner messages).
 * Use for all short confirmation status lines.
 */
.md-confirm-text {
	display: inline-block;
	margin-top: var(--md-space-2);
	font-family: var(--md-font-body);
	font-size: var(--md-text-confirm-size);
	line-height: 1.35;
	color: var(--md-color-success);
}