/** * ============================================================================ * NILOFAR HEYDARIAN — DESIGN TOKENS * ============================================================================ * Colours, fonts and shadows exposed as CSS custom properties. Re-skin the * whole site by editing only this file. * * Palette (from the original design — DO NOT change without intent): * --nh-cream #FAF5F3 page background * --nh-blush #F6E7EA soft pink panels * --nh-rose #E7B4C0 light rose accent * --nh-plum #B5677E primary accent (buttons, active nav) * --nh-plum-dk #9d5168 hover state of primary accent * --nh-ink #2A2025 darkest text / dark sections * --nh-ink-2 #3A2F34 body text * --nh-muted #5b5055 secondary body text * --nh-muted-2 #756A6F tertiary body text * --nh-faint #9a8d92 labels / captions * ============================================================================ */ :root { /* Palette */ --nh-cream: #faf5f3; --nh-blush: #f6e7ea; --nh-rose: #e7b4c0; --nh-plum: #b5677e; --nh-plum-dk: #9d5168; --nh-ink: #2a2025; --nh-ink-2: #3a2f34; --nh-muted: #5b5055; --nh-muted-2: #756a6f; --nh-faint: #9a8d92; /* Fonts (loaded via Google Fonts in ) */ --nh-sans: "Plus Jakarta Sans", "Vazirmatn", system-ui, sans-serif; --nh-serif: "Playfair Display", "Vazirmatn", serif; /* Shadows */ --nh-shadow-soft: 0 18px 48px -32px rgba(120, 60, 80, 0.45); --nh-shadow-lift: 0 30px 60px -30px rgba(120, 60, 80, 0.5); --nh-shadow-card: 0 14px 40px -32px rgba(120, 60, 80, 0.5); --nh-shadow-form: 0 24px 60px -42px rgba(120, 60, 80, 0.5); --nh-shadow-hero: 0 24px 60px -28px rgba(120, 60, 80, 0.5); }