/**
 * Design Tokens — single source of truth for color/type/space/radius.
 * Values are taken exactly from Phase 02 — Brand & Design System.
 * Do not add colors, fonts, or spacing values outside this file (Phase 04 §42 rule).
 */

:root {
	/* Color */
	--rt-color-primary: #1E1E1E;
	--rt-color-secondary: #8A6D3F;
	--rt-color-background: #FAF8F5;
	--rt-color-surface: #FFFFFF;
	--rt-color-border: #E5E7EB;
	--rt-color-text: #111827;
	--rt-color-text-secondary: #6B7280;
	--rt-color-success: #16A34A;
	--rt-color-warning: #F59E0B;
	--rt-color-danger: #DC2626;
	--rt-color-white: #FFFFFF;
	--rt-color-black: #000000;
	--rt-color-primary-hover: #000000;
	--rt-color-secondary-hover: #755A32;
	--rt-color-link: var(--rt-color-secondary);
	--rt-color-link-hover: var(--rt-color-secondary-hover);
	--rt-color-ghost-hover: rgba(0, 0, 0, 0.04);
	--rt-color-header-glass: rgba(250, 248, 245, 0.92);
	--rt-color-overlay: rgba(17, 24, 39, 0.4);
	--rt-color-success-surface: rgba(22, 163, 74, 0.1);
	--rt-color-success-surface-subtle: rgba(22, 163, 74, 0.08);
	--rt-color-danger-surface: rgba(220, 38, 38, 0.1);
	--rt-color-danger-surface-subtle: rgba(220, 38, 38, 0.08);
	--rt-color-footer-text: rgba(255, 255, 255, 0.8);
	--rt-color-footer-border: rgba(255, 255, 255, 0.1);
	--rt-color-outline-on-dark: rgba(255, 255, 255, 0.5);
	--rt-color-focus-ring: rgba(138, 109, 63, 0.2);
	--rt-color-skeleton-highlight: #F3F1ED;

	/* Typography */
	--rt-font-fa: 'IRANSansX', sans-serif;
	--rt-font-en: 'IRANSansX', sans-serif;

	--rt-fs-display: 64px;
	--rt-fs-h1: 52px;
	--rt-fs-h2: 40px;
	--rt-fs-h3: 32px;
	--rt-fs-h4: 24px;
	--rt-fs-body: 16px;
	--rt-fs-small: 14px;
	--rt-fs-caption: 12px;

	/* Spacing (base unit 8px) */
	--rt-space-1: 8px;
	--rt-space-2: 16px;
	--rt-space-3: 24px;
	--rt-space-4: 32px;
	--rt-space-5: 48px;
	--rt-space-6: 64px;
	--rt-space-7: 96px;

	/* Grid */
	--rt-container: 1280px;

	/* Radius */
	--rt-radius-sm: 8px;
	--rt-radius-md: 12px;
	--rt-radius-lg: 20px;
	--rt-radius-card: 24px;
	--rt-radius-button: 12px;

	/* Motion */
	--rt-motion-fast: 200ms ease;
	--rt-motion-slow: 400ms ease;

	/* Shadow — soft, shallow only (Phase 02 §10) */
	--rt-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.04);
	--rt-shadow-md: 0 4px 16px rgba(17, 24, 39, 0.06);
	--rt-shadow-lg: 0 12px 32px rgba(17, 24, 39, 0.08);
}