:root {
	/* Colors */
	--color-background: #e7e5df;
	--color-text-primary: #171a1f;
	--color-text-secondary: #968e7a;
	--color-line: #d7d2c5;
	--color-timeline-dot-outer: #d9d1ba;
	--color-timeline-dot-inner: #ac976f;
	--color-timeline-line: #d7d2c5;
	--color-video-background: #111928;
	--color-menu-number: #a9a9a9;
	--color-accent-light: #ddd9ce;
	--color-coming-event-text: #6b7280;
	--color-coming-event-border: #d7d2c5;
	--color-white: #ffffff;
	--color-featured-title: #ffffff;
	--color-featured-date: #d1d5db;
	--color-blog-nav-bg: #ffffff;
	--color-blog-title: #171a1f;
	--color-blog-date: #968e7a;
	/* Form specific colors */
	--color-form-label: #111928;
	--color-form-input-bg: #ffffff;
	--color-form-input-border: #dfe4ea;
	--color-form-button-bg: #111928;
	--color-form-button-text: #ffffff;
	--color-social-title: #171a1f;
	/* Video player colors */
	--color-video-text: #ffffff;
	--color-video-timeline: #4b5563;
	--color-video-timeline-dot: #ffffff;
	--color-video-progress: #ffffff;
	--color-video-controls-bg: rgba(0, 0, 0, 0.5);
	--color-video-divider: #4b5563;
	--color-video-progress-bar: #a3a3a3;
	/* Font families */
	--font-primary: "Open Sans", sans-serif;
	--font-heading: "Fraunces", serif;
	--font-last-timeline: "Inter", sans-serif;
	/* Font weights */
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	/* Font sizes */
	--font-size-heading-extra-large: 64px;
	--line-height-heading-extra-large: 84px;
	--font-size-heading-large: 40px;
	--line-height-heading-large: 48px;
	--font-size-heading-medium: 16px;
	--line-height-heading-medium: 24px;
	--font-size-normal: 14px;
	--line-height-normal: 22px;
	/* Form specific font sizes */
	--font-size-form-label: 16px;
	--line-height-form-label: 24px;
	--font-size-form-button: 16px;
	--line-height-form-button: 24px;
	--font-size-social-title: 24px;
	--line-height-social-title: 30px;
	/* Form dimensions */
	--form-input-height: 46px;
	--form-input-padding-x: 16px;
	--form-input-padding-y: 12px;
	--form-textarea-padding: 20px;
	--form-button-padding-x: 24px;
	--form-button-padding-y: 12px;
	/* Spacing */
	--content-width: 740px;
	--page-max-width: 1440px;
	--header-height: 80px;
	--form-spacing: 2rem;
	/* Blog specific variables */
	--blog-featured-article-title-size: 30px;
	--blog-featured-article-title-line-height: 38px;
	--blog-featured-article-date-size: 18px;
	--blog-featured-article-date-line-height: 24px;
	--blog-slider-nav-size: 40px;
	--blog-pagination-btn-size: 40px;
	--blog-featured-gradient: linear-gradient(
		180deg,
		rgba(8, 9, 13, 0) 21.03%,
		#323232 94.11%
	);
	--blog-article-title-size: 16px;
	--blog-article-title-line-height: 24px;
	--blog-article-date-size: 16px;
	--blog-article-date-line-height: 24px;
	--blog-detail-title-size: 30px;
	--blog-detail-title-line-height: 38px;
	--blog-detail-content-size: 16px;
	--blog-detail-content-line-height: 24px;
	--blog-recommended-title-size: 32px;
}