/* ==========================================================================
   Daiahn Web Design System — entry point.
   Link THIS one file; it pulls in the decomposed partials below.

       <link rel="stylesheet" href="css/design.css">

   Order matters: fonts first, then tokens (variables), then the styles
   that consume them (base elements, shared components).
   ========================================================================== */

/* Brand webfonts — Lora (display), Inter (text), Lekton (mono). */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&family=Lekton:wght@400;700&display=swap');

/* Design tokens (custom properties) */
@import url('tokens.colors.css');
@import url('tokens.type.css');
@import url('tokens.space.css');

/* Styles that consume the tokens */
@import url('base.css');
@import url('components.css');