/* ============================================================================
   Oblique Design System — root stylesheet
   Swiss Confederation · Federal Office of Information Technology (FOITT)

   Single entry point for consumers: link THIS file and you get the full
   foundation in the correct cascade order.

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

   1. colors_and_type.css — @font-face, design tokens (--ob-*), semantic
      aliases (--fg-*, --surface*, --link…), dark-mode theme, type + icon helper.
   2. utilities.css       — the .ob-* utility layer (grid, flex, forms, tables,
      prose, a11y, overlay/popover helpers). Depends on the tokens above.

   Component/preview stylesheets (preview/card.css, ui_kits/federal-app/kit.css)
   are scoped to their own surfaces and import colors_and_type.css themselves —
   they are intentionally NOT bundled here.
   ============================================================================ */

@import url("colors_and_type.css");
@import url("utilities.css");