/*!
 * Sestito Template - Main Stylesheet
 * Apple-level quality presentation layer for Sestito Shirt Customiser
 * 
 * Architecture:
 * - Theme provides ALL presentation (CSS, layouts, UX)
 * - Plugin provides ALL functionality (data, APIs, logic)
 * - Zero conflicts, maximum performance
 * 
 * @package Sestito_Template
 * @version 1.0.0
 */

/* ===== DESIGN SYSTEM (TOKENS & BASE) ===== */
@import url('./design-system/tokens.css');
@import url('./design-system/typography.css');
@import url('./design-system/base.css');

/* ===== PLUGIN COMPATIBILITY ===== */
/* Maps plugin .ssc-* classes to theme design system */
@import url('./components/plugin-compat.css');

/* ===== COMPONENTS (APPLE QUALITY) ===== */
@import url('./components/header.css');
@import url('./components/footer.css');
@import url('./components/buttons-refined.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/modals.css');
@import url('./components/wizard.css');
@import url('./components/fabric-grid.css');

/* ===== UTILITIES ===== */
@import url('./utilities/spacing.css');
@import url('./utilities/typography.css');
@import url('./utilities/responsive.css');

/* ===== PAGE-SPECIFIC STYLES ===== */
@import url('./pages/wizard.css');
@import url('./pages/checkout.css');
@import url('./pages/cart.css');
@import url('./pages/myaccount.css');

/* ===== THEME BASE STYLES ===== */

/* Reset box-sizing */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Body defaults */
body {
	margin: 0;
	font-family: var(--ssc-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
	font-size: var(--ssc-text-base, 16px);
	line-height: var(--ssc-leading-normal, 1.6);
	color: var(--ssc-color-text, #1a1a1a);
	background-color: var(--ssc-color-background, #ffffff);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Container */
.container {
	width: 100%;
	max-width: var(--ssc-container-max-width, 1200px);
	margin: 0 auto;
	padding: 0 var(--ssc-space-xl, 2rem);
}

/* Ensure plugin content inherits theme styling */
.sestito-content,
.ssc-content,
#ssc-wizard-wrapper {
	font-family: inherit;
	color: inherit;
}