feat(ui): redesign foundation with DeepMind-inspired editorial style

[Fiti-git]

Introduce a cohesive design system and rebuild the home page as the first pass of a site-wide redesign. List/detail pages will follow.

Theme & typography

• Add custom MARC light + dark daisyUI themes (marc, marc-dark) with coordinated primary, secondary, accent, neutral and base palettes
• Wire Inter (sans) + Instrument Serif (display) via Google Fonts
• Add reusable utilities: text-gradient, bg-grid, blob, surface-hover, divider-soft, scroll-rail, eyebrow, focus-visible ring, prefers-reduced-motion guard

Layout, nav, footer

• BaseLayout now accepts title/description/image/fullWidth props and emits proper SEO + Open Graph + Twitter meta and canonical URL
• Inline theme bootstrap script prevents dark-mode flash on load
• Navbar: translucent backdrop-blur shell, gradient active-route underline, persistent dark-mode toggle, accessible mobile menu
• Footer: dark 3-column layout with brand, explore, about and socials

Reusable components

• Add src/components/ui/PageHeader.astro and Section.astro
• Refresh ResearchAreaCard with image overlay and serif title
• Simplify Breadcrumb to minimal uppercase trail

Home page

• Editorial hero with display serif headline, gradient accent, grid background and ambient blobs
• Stats strip (research areas, projects, publications, researchers)
• Research pillars grid (was a stacked list)
• 4-up latest news rail
• Dark CTA card to drive traffic to People

Notes

• Existing content collections, schemas, sheet sync and deploy workflow are unchanged
• Tested with npm run build - 22 pages generated successfully

[DMUPraveen]

This is great. The colour theme look way better than the one we had earlier.

Just a few suggestions,

The times new roman like font looks a bit harsh I feel, and some other collegeus, since you are going for the deep mind like appearance based on your pr title, may I suggest a font like the following to replace it (from deepmind site itself)

And one small colour change,

The ones circled in blue have a font color that is not that visible, can you change it to a more visible one?

(Also the same font change for the green one)

THe cards are a bit too large here make it smaller so that there is some empty space (this is at 75% magnificantion at 100% you mostly only see the image). Try to make it that when you resize that you can see about two cards at normal (100%) magnification. and make the text a bit more visible, because that is the more important part it should stand out.

Great work!!!