/*
 * Critical CSS - loaded render-blocking in app.html
 * Contains essential styles to prevent FOUC before JavaScript hydrates
 */

/* Brand Fonts */
@font-face {
	font-family: 'Universal Sans Text';
	src: url('/fonts/Universal-Sans-Text-300.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Universal Sans Text';
	src: url('/fonts/Universal-Sans-Text-300Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Universal Sans Text';
	src: url('/fonts/Universal-Sans-Text-700.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Universal Sans Text';
	src: url('/fonts/Universal-Sans-Text-700Italic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'CardinalPhoto';
	src: url('/fonts/CardinalPhoto-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'CardinalPhoto';
	src: url('/fonts/CardinalPhoto-LightItalic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'CardinalPhoto';
	src: url('/fonts/CardinalPhoto-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'CardinalPhoto';
	src: url('/fonts/CardinalPhoto-SemiBoldItalic.otf') format('opentype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/* Global theme colors - must be available immediately */
:root {
	--color-primary: #1657f9;
	--color-primary-hover: #0d47d1;
	--color-success: #10b981;
	--color-warning: #f59e0b;
	--color-error: #ef4444;
	--bg-cream: #fcf7f0;
	--bg-beige: #f5f0e8;
	--text-primary: #1f2937;
	--text-secondary: #6b7280;
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-xl: 16px;

	/* Brand fonts */
	--font-body: 'Universal Sans Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--font-display: 'CardinalPhoto', 'Universal Sans Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Critical body styles to prevent flash of white background */
body {
	font-family: var(--font-body);
	background: var(--bg-cream);
	color: var(--text-primary);
	margin: 0;
	padding: 0;
}

/* Global heading styles using brand display font */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-display);
	font-weight: 600;
}

h1 {
	font-weight: 600;
}

h2, h3, h4, h5, h6 {
	font-weight: 300;
}