:root {
	/* Brand Core */
	--rb-brand-primary: #0f3d5e;
	--rb-brand-primary-hover: #0b2f49;
	--rb-brand-secondary: #19a7b8;
	--rb-brand-secondary-hover: #138696;
	--rb-brand-accent: #f7c58b;
	--rb-brand-accent-hover: #ebb06a;
	--rb-brand-primary-rgb: 15, 61, 94;
	--rb-brand-secondary-rgb: 25, 167, 184;
	--rb-brand-accent-rgb: 247, 197, 139;
	--rb-surface-contrast-rgb: 13, 34, 51;
	--rb-hero-canvas-primary: #0b2740;
	--rb-hero-canvas-accent: #19a7b8;
	--rb-hero-canvas-primary-rgb: 11, 39, 64;
	--rb-hero-canvas-accent-rgb: 25, 167, 184;

	/* Surfaces */
	--rb-surface-base: #f4f8fb;
	--rb-surface-soft: #e8f1f6;
	--rb-surface-muted: #d4e2ea;
	--rb-surface-contrast: #0d2233;
	--rb-surface-overlay: rgba(13, 34, 51, 0.78);
	--rb-surface-soft-fade: rgba(244, 248, 251, 0.92);
	--rb-surface-transparent: rgba(244, 248, 251, 0);
	--rb-surface-base-elevated: rgba(244, 248, 251, 0.95);
	--rb-inverse-soft: rgba(236, 247, 252, 0.84);
	--rb-inverse-strong: rgba(248, 253, 255, 0.95);
	--rb-inverse-mid: rgba(220, 240, 247, 0.9);
	--rb-inverse-link: rgba(235, 247, 252, 0.92);
	--rb-inverse-border: rgba(25, 167, 184, 0.24);
	--rb-inverse-border-soft: rgba(25, 167, 184, 0.14);
	--rb-inverse-hover: rgba(25, 167, 184, 0.1);
	--rb-surface-card: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(232, 241, 246, 0.95) 100%);
	--rb-surface-card-strong: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(213, 232, 240, 0.96) 100%);
	--rb-surface-card-soft: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(240, 247, 250, 0.96) 100%);
	--rb-surface-highlight: rgba(var(--rb-brand-accent-rgb), 0.14);
	--rb-dark-overlay: rgba(var(--rb-surface-contrast-rgb), 0.84);
	--rb-dark-overlay-strong: rgba(var(--rb-surface-contrast-rgb), 0.92);
	--rb-white-rgb: 255, 255, 255;

	/* Text */
	--rb-text-strong: #173042;
	--rb-text-body: #556d7d;
	--rb-text-muted: #8096a5;
	--rb-text-inverse: #fafeff;
	--rb-text-link: #0f3d5e;

	/* Border & Focus */
	--rb-border-default: #d7e3eb;
	--rb-border-strong: #b8cbd7;
	--rb-border-soft: #edf4f8;
	--rb-focus-ring: rgba(25, 167, 184, 0.24);

	/* Status */
	--rb-state-success: #1f9d72;
	--rb-state-success-bg: #e8f8f3;
	--rb-state-success-border: rgba(31, 157, 114, 0.28);
	--rb-state-success-strong: #167453;
	--rb-state-warning: #f59f00;
	--rb-state-warning-bg: #fff6df;
	--rb-state-danger: #ef476f;
	--rb-state-danger-bg: #fff0f4;
	--rb-state-danger-border: rgba(239, 71, 111, 0.28);
	--rb-state-info: #1b6ca8;
	--rb-state-info-bg: #eef8fd;
	--rb-state-info-border: rgba(27, 108, 168, 0.24);
	--rb-sale-start: #ef476f;
	--rb-sale-end: #cf2f59;
	--rb-sale-text: #ffffff;
	--rb-sale-shadow: rgba(239, 71, 111, 0.28);
	--rb-rating-star: #f4c542;
	--rb-rating-star-muted: #d8dde2;

	/* Radius System */
	--rb-radius-xs: 14px;
	--rb-radius-sm: 16px;
	--rb-radius-md: 20px;
	--rb-radius-lg: 26px;
	--rb-radius-xl: 34px;
	--rb-radius-pill: 999px;

	/* Shadow System */
	--rb-shadow-sm: 0 12px 24px rgba(18, 22, 39, 0.08);
	--rb-shadow-md: 0 22px 44px rgba(35, 41, 70, 0.14);
	--rb-shadow-lg: 0 36px 84px rgba(18, 22, 39, 0.2);

	/* Motion */
	--rb-ease-standard: cubic-bezier(0.25, 0.8, 0.25, 1);
	--rb-duration-fast: 160ms;
	--rb-duration-base: 260ms;
	--rb-duration-slow: 420ms;
	--rb-transition-fast: all var(--rb-duration-fast) var(--rb-ease-standard);
	--rb-transition-base: all var(--rb-duration-base) var(--rb-ease-standard);
	--rb-transition-slow: all var(--rb-duration-slow) var(--rb-ease-standard);

	/* Spacing Scale */
	--rb-space-1: 0.25rem;
	--rb-space-2: 0.5rem;
	--rb-space-3: 0.75rem;
	--rb-space-4: 1rem;
	--rb-space-5: 1.25rem;
	--rb-space-6: 1.5rem;
	--rb-space-8: 2rem;
	--rb-space-10: 2.5rem;
	--rb-space-12: 3rem;
	--rb-space-16: 4rem;
	--rb-space-20: 5rem;

	/* Typography Scale */
	--rb-font-family-base: "Cairo", "Tajawal", "Noto Kufi Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
	--rb-font-size-100: 0.75rem;
	--rb-font-size-200: 0.875rem;
	--rb-font-size-300: 1rem;
	--rb-font-size-400: 1.125rem;
	--rb-font-size-500: 1.25rem;
	--rb-font-size-600: 1.5rem;
	--rb-font-size-700: 1.875rem;
	--rb-font-size-800: 2.25rem;
	--rb-line-height-tight: 1.25;
	--rb-line-height-base: 1.7;

	/* Container Widths */
	--rb-container-sm: 540px;
	--rb-container-md: 720px;
	--rb-container-lg: 960px;
	--rb-container-xl: 1140px;
	--rb-container-2xl: 1320px;

	/* Compatibility Aliases */
	--rb-color-primary: var(--rb-brand-primary);
	--rb-color-secondary: var(--rb-brand-secondary);
	--rb-color-accent: var(--rb-brand-accent);
	--rb-hover-primary: var(--rb-brand-primary-hover);
	--rb-hover-secondary: var(--rb-brand-secondary-hover);
	--rb-hover-accent: var(--rb-brand-accent-hover);
	--rb-bg-base: var(--rb-surface-base);
	--rb-bg-light: var(--rb-surface-soft);
	--rb-bg-dark: var(--rb-surface-contrast);
	--rb-text-dark: var(--rb-text-strong);
	--rb-border-color: var(--rb-border-default);
	--rb-border-hover: var(--rb-border-strong);
}