/* ===========================================================================
   Sidelore Design System — single entry point.

   In a Blazor host, reference this once in App.razor / index.html:

     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet"
           href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..500&family=Archivo:wght@400;500;600;800&display=swap">
     <link rel="stylesheet" href="_content/Sidelore.DesignSystem/css/sidelore.css">

   The two Google Fonts are the only external dependency in the whole system.
   There are no icons, no images and no illustrations.

   Put class="t-root" on <body> (or on the outermost app element) so the
   reset, the focus ring and the zero radius apply.

   Theme: light by default, dark on prefers-color-scheme, and forced with
   data-theme="light" | "dark" on <html> (or any subtree).
   Surface: data-surface="parent" switches to the cooler, accent-free parent
   palette.
   =========================================================================== */

@import url('./sidelore-tokens.css');
@import url('./sidelore-components.css');
