/* ==============================================================================
 * Creative Yadley - versioned entry stylesheet
 * ------------------------------------------------------------------------------
 * includes/head.tpl links this file as cy.css?v=<cyVersion>.
 *
 * It is deliberately a separate file from custom.css. WHMCS auto-loads
 * custom.css with no query string, so Cloudflare can pin that exact URL to a
 * previous revision for four hours - and its @import list is part of what gets
 * pinned. custom.css is therefore an empty stub, and the URL that the browser
 * actually renders from is one that can never collide with a cached copy.
 *
 * Layer order matters:
 *   1. tokens.css      design primitives (type scale, spacing, radii, motion)
 *   2. theme-dark.css  semantic colour, dark (default)
 *   3. theme-light.css semantic colour, light
 *   4. cy-base.css     canvas, typography, focus, reduced motion
 *   5. cy-shell.css    rail, top bar, content column, footer
 *   6. cy-home.css     panels, tiles, dashboard metric tiles
 *   7. cy-domain.css   homepage domain search
 *   8. cy-tables.css   tabular pages (My Domains, and the ports that follow)
 *
 * phosphor.css must stay first among the theme layers: it declares the
 * self-hosted Phosphor @font-face, and the .ph-* glyphs in every template depend
 * on it. Dropping it is what made the live shell render label-only navigation.
 *
 * tokens.css / theme-dark.css / theme-light.css come from Creative Yadley Design
 * System v2.2.1 and are byte-identical to it. Never edit them in the theme.
 *
 * IMPORTANT: bump $cyVersion in includes/head.tpl AND every ?v= below on each
 * CSS change, to a value never used before. Never reuse a version string.
 * ============================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..700;1,6..12,400..600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
@import url("phosphor.css?v=20261109-17");
@import url("tokens.css?v=20261109-17");
@import url("theme-dark.css?v=20261109-17");
@import url("theme-light.css?v=20261109-17");
@import url("cy-base.css?v=20261109-17");
@import url("cy-shell.css?v=20261109-17");
@import url("cy-home.css?v=20261109-17");
@import url("cy-domain.css?v=20261109-17");
@import url("cy-tables.css?v=20261109-17");
@import url("cy-detail.css?v=20261109-17");