یک فایل CSS بنویسید که متغیرهای سفارشی --primary-color و --secondary-color و --accent-size را در :root تعریف کند و از تابع var() برای اعمال رنگ‌ها و اندازه‌ها روی هدر، دکمه‌ها و لینک‌ها استفاده کند و برای یکی از مقادیر یک مقدار پشتیبان (fallback) نشان دهد.

برای حل این مسئله در فایل CSS ابتدا متغیرها را در :root تعریف کنید (مثلاً --primary-color: #3498db;). سپس در قواعد هدر، دکمه و لینک به جای مقادیر ثابت از var(--primary-color) و var(--secondary-color) و var(--accent-size) استفاده کنید. برای نشان دادن fallback می‌توانید یکی از varها را به شکل var(--unknown-color, #cccccc) بنویسید تا در صورت نبود متغیر مقدار پشتیبان اعمال شود. توجه کنید که متغیرها را می‌توان در هر سطحی بازنویسی کرد و تابع var() هر جا که مقدار یک خاصیت انتظار می‌رود قابل استفاده است؛ از این ویژگی برای تست و تغییر تم‌ها استفاده کنید.