PhineX Lab | Portfolio Step 2

الخطوة ٢

المتغيرات والخلفية الكونية

نضع الأساس الجمالي: CSS Variables وخلفية الكون الداكنة وتنسيقات الأقسام.

المهام

أضف متغيرات الألوان داخل :root { } في CSS
--neon, --purple, --pink, --void, --card, --border, --text, --muted, --radius

نسّق body بـ: background: var(--void)، color: var(--text)، font-family: 'Inter'

نسّق .btn-primary بـ: background: var(--neon)، color: #03050a، border-radius: 100px، padding: 12px 28px

نسّق .section-tag بـ: border-radius: 100px، color: var(--neon)، background: rgba(57,255,20,.08)

💡 CSS Variables: نكتبها مرة واحدة في :root ونستخدمها في كل مكان بـ var(--neon). إذا أردنا تغيير اللون، نغيّر فقط في :root.

alexmorgan.dev / portfolio