// ============================================================================
// StyleScape — Cascade Architecture
// ============================================================================
//
// The layer order defines architectural authority.
// Lower layers establish system laws.
// Higher layers assemble meaning and allow deviation.
//
// Conceptual progression:
//
//   1. Prepare the medium                      (ss.reset)
//   2. Define the vocabulary                   (ss.lexicon)
//   3. Establish rhythm                        (ss.rhythm)
//   4. Define typographic hierarchy            (ss.typography  — ss-t-*)
//   5. Arrange spatial flow                    (ss.flow        — ss-f-*)
//   6. Construct page structure                (ss.layout      — ss-l-*)
//   7. Apply visual appearance                 (ss.appearance  — ss-a-*)
//   8. Assemble editorial components           (ss.components  — ss-c-*)
//   9. Permit controlled adjustments           (ss.utilities   — ss-u-*)
//  10. Support integration and legacy          (ss.overrides)
//
// Canonical prefix contract: ssx/doc/naming.md. Six prefixes; `ss-o-` is
// deprecated — layout abstractions emit under `ss-f-` or `ss-l-`.
//
// This order is non-negotiable.
// ============================================================================
// ↓ Lower authority
// ↑ Higher authority
// ============================================================================

/* ========================================================================= */
/* ↓ Foundation — System Laws                                                  */
/* ========================================================================= */

@layer ss.reset; /* Browser normalization and base calibration */

@layer ss.lexicon; /* Design vocabulary (tokens, scales, primitives) */
@layer ss.rhythm; /* Baseline grid and proportional rules */

/* ========================================================================= */
/* - Expression — Design Systems                                               */
/* ========================================================================= */

@layer ss.typography; /* Paragraph and character hierarchy */

@layer ss.flow; /* Micro spatial grammar (stack, cluster, flow) */
@layer ss.layout; /* Macro page structure (grid, regions, containers) */
@layer ss.appearance; /* Surface treatment (fill, stroke, elevation) */

/* ========================================================================= */
/* ↑ Assembly — Meaning & Integration                                          */
/* ========================================================================= */

@layer ss.components; /* Named editorial compositions (UI components) */

@layer ss.utilities; /* Explicit, opt-in overrides */

@layer ss.overrides; /* Integration, legacy, and emergency patches */