/* ══════════════════════════════════════════════════════
   PSOCULT — psocult.css
   Ponto de entrada único do design system.

   Uso no <head> de todas as páginas:
   ┌──────────────────────────────────────────────────┐
   │ <!-- Google Fonts — sempre antes deste arquivo →  │
   │ <link rel="preconnect" href="...googleapis.com">  │
   │ <link href="...Cormorant+Garamond...Lato..."      │
   │       rel="stylesheet">                           │
   │                                                   │
   │ <!-- Design System -->                            │
   │ <link rel="stylesheet"                            │
   │       href="assets/css/psocult.css">              │
   │                                                   │
   │ <!-- CSS específico da página -->                 │
   │ <link rel="stylesheet"                            │
   │       href="assets/css/sobre.css">                │
   └──────────────────────────────────────────────────┘

   Cascade:
     1 · tokens     — Custom Properties (:root)
     2 · base       — Reset + elementos HTML
     3 · layout     — Containers, grid, seções
     4 · components — Navbar, botões, cards, forms, hero, footer
     5 · utilities  — Classes tipográficas, on-dark, sr-only
   ══════════════════════════════════════════════════════ */

@import 'psocult-tokens.css';
@import 'psocult-base.css';
@import 'psocult-layout.css';
@import 'psocult-components.css';
@import 'psocult-utilities.css';
