/* css/style.css */

/* =========================================
   1. IMPORTS (Must be first)
   ========================================= */
@import url('reset.css') layer(reset);
@import url('variables.css') layer(tokens);
@import url('layout.css') layer(layouts);
@import url('components.css') layer(components);
@import url('page-listing.css') layer(pages);
@import url('page-login.css') layer(pages);
@import url('page-signup.css') layer(pages);
@import url('page-companies.css') layer(pages);
@import url('page-company.css') layer(pages);
@import url('page-company-dashboard.css') layer(pages);
@import url('page-admin.css') layer(pages);
@import url('page-about.css') layer(pages);
@import url('page-profile.css') layer(pages);
@import url('page-dashboard.css') layer(pages);
@import url('page-company-terminal.css') layer(pages);
@import url('page-error.css') layer(pages);
@import url('page-how-it-works.css') layer(pages);
@import url('page-stats.css') layer(pages);
@import url('page-listings.css') layer(pages);
@import url('page-onboarding.css') layer(pages);

/* =========================================
   2. CASCADE LAYERS (Order declaration)
   ========================================= */
@layer reset, tokens, base, layouts, components, pages, utilities;

/* =========================================
   3. TYPED PROPERTIES (End of file)
   ========================================= */
@property --shadow-depth {
    syntax: "<length>";
    inherits: false;
    initial-value: 0.25em;
}

@property --btn-press-offset {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}