/*
 * Cleyo Design System — base entry point.
 *
 * Link this one file for the universal base every Cleyo surface shares:
 *   1. colors_and_type — tokens, base type, motion, spacing, radii, elevation
 *   2. components      — atoms + molecules (.btn .chip .task-row .composer …)
 *   3. screens         — page-level layouts (.app .sidebar .today-crown …)
 *
 * These three are safe to load anywhere. All design tokens live in
 * colors_and_type, so this file is the complete token surface.
 *
 * ── Context files (opt-in — link ALONGSIDE this base, only where needed) ──
 * They intentionally reshape their host (e.g. macos.css pins body to a
 * desktop min-width and paints a wallpaper), so they are NOT imported here:
 *
 *   macos.css        — desktop shell: wallpaper, window frame, dock, menubar
 *                      peek, Quick-Capture HUD, keyboard Quick Capture (qc-*)
 *   reminders.css    — notification cards, routines screen, recurrence +
 *                      notification-settings editors
 *   task-detail.css  — the Notion/Linear task page
 *   task-editor.css  — the Notion-style block editor (notes body)
 *   mobile.css       — v4 mobile additions + responsive collapse (max 720px)
 *
 * The macOS shell is the flagship presentation, but Cleyo ships to three
 * targets (web, mobile, macOS). Compose the base + the context files a
 * given surface actually uses.
 */

@import url("colors_and_type.css");
@import url("components.css");
@import url("screens.css");