:root {
	--spacing-3xs: 4px;
	--spacing-2xs: 8px;
	--spacing-xs: 12px;
	--spacing-sm: 16px;
	--spacing-md: 24px;
	--spacing-custom: 20px;
	--spacing-lg: 32px;
	--spacing-xl: 40px;
	--spacing-2xl: 48px;
	--spacing-3xl: 64px;
	--spacing-4xl: 80px;
	--spacing-5xl: 96px;
	--spacing-6xl: 120px;
	--spacing-7xl: 140px;
	--spacing-8xl: 160px;
	--spacing-9xl: 180px;

	--radius-xs: 4px;
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--radius-full: 9999px;

	--font-h1: clamp(1.85rem, 3.2vw + 1rem, 3.25rem);
	--font-h2: clamp(1.5rem, 2.2vw + 0.8rem, 2.35rem);
	--font-h3: clamp(1.25rem, 1.5vw + 0.6rem, 1.75rem);
	--font-h4: clamp(1.1rem, 0.8vw + 0.6rem, 1.35rem);
	--font-body-large: clamp(1.05rem, 0.5vw + 0.8rem, 1.2rem);
	--font-body: 1rem;
	--font-small: 0.875rem;
	--font-caption: 0.8rem;

	--lh-heading: 1.2;
	--lh-body: 1.6;
	--lh-small: 1.5;

	--font-family-sans: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-family-display: 'Lato', var(--font-family-sans);

	--z-dropdown: 100;
	--z-sticky: 500;
	--z-overlay: 900;
	--z-drawer: 1000;
	--z-modal: 1100;
	--z-toast: 1200;

	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.15);

	--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
	--transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

	--opacity-muted: 0.6;
	--opacity-disabled: 0.4;
	--opacity-overlay: 0.55;

	--color-white: #ffffff;
	--color-black: #000000;
	--color-dark: #222222;
	--color-text-dark-gray: #333333;
	--color-dark-bg: #1a1a1a;

	--color-text-gray: #555555;
	--color-text-secondary: #666666;
	--color-text-muted-light: #888888;
	--color-text-muted-dark: #69727d;

	--color-primary: #c9a84c;
	--color-primary-hover: #b8860b;
	--color-secondary: #0f172a;
	--color-accent: #6366f1;
	--color-accent-orange: #f55f1e;
	--color-gold-accent: #c59d27;

	--color-background: #ffffff;
	--color-surface: #ffffff;
	--color-surface-hover: #f1f5f9;
	--color-border: #e2e8f0;
	--color-border-hover: #cbd5e1;

	--color-text: #334155;
	--color-text-title: #0f172a;
	--color-text-muted: #64748b;

	--color-success: #10b981;
	--color-warning: #f59e0b;
	--color-danger: #f55f1e;
	--color-info: #3b82f6;

	--color-footer-bottom-bg: #F5EFE6;
	--color-footer-link: #939393;

	--color-border-light: #f2f2f2;
	--color-border-subtle: #e0e0e0;
	--color-border-input: #dcdcdc;
	--color-border-focus: #bbbbbb;
	--color-border-dark: #e5e5e5;
	--color-border-sep: #e8e8e8;

	--color-bg-light: #fafafa;
	--color-bg-subtle: #f8f8f8;
	--color-bg-alt: #f9f9f9;

	--color-star-yellow: #eab308;
	--color-badge-green: #166534;
	--color-gold-light-grad: #FFE082;
	--color-gold-mid-grad: #FFB300;
	--color-gold-dark-grad: #FFA000;
	--color-gold-deep-grad: #FF8F00;
	--color-gold-dark-text: #3e2723;
	--color-gold-box-bg: #fffdf5;
	--color-gold-box-border: #ebd48e;
	--color-gold-box-header: #fbf3d5;
	--color-gold-box-text: #5c4812;
	--color-gold-box-row: #f3e6bd;
	--color-silver-box-bg: #f8fafc;
	--color-silver-box-border: #cbd5e1;
	--color-silver-box-header: #e2e8f0;
	--color-silver-box-text: #1e293b;
	--color-silver-box-row: #f1f5f9;
	--color-silver-box-accent: #475569;
	--color-silver-muted: #94a3b8;
	--color-rate-td-text: #2d3748;
}