/**
 * STTM Theme Plain — Design tokens
 * No build step. Edit freely.
 */

:root {
	/* Brand */
	--sttm-blue: #0091c8;
	--sttm-blue-dark: #02709c;
	--sttm-blue-primary: #0070cc;
	--sttm-blue-primary-dark: #0159a3;
	--sttm-blue-light: #e0f2fe;
	--sttm-sky: #0ea5e9;
	--sttm-orange: #ea580c;
	--sttm-orange-light: #f97316;
	--sttm-orange-hot: #f97304;
	--sttm-amber: #f59e0b;
	--sttm-gold: #f59e0b;
	--sttm-navy: #0b1224;
	--sttm-navy-brand: #023d67;
	--sttm-navy-deep: #011a2e;
	--sttm-gray-900: #111827;
	--sttm-gray-800: #1f2937;
	--sttm-gray-700: #374151;
	--sttm-gray-600: #4b5563;
	--sttm-gray-500: #6b7280;
	--sttm-gray-400: #9ca3af;
	--sttm-gray-300: #d1d5db;
	--sttm-gray-200: #e5e7eb;
	--sttm-gray-100: #f3f4f6;
	--sttm-gray-50: #f9fafb;
	--sttm-slate-800: #1e293b;
	--sttm-slate-700: #334155;
	--sttm-slate-600: #475569;
	--sttm-slate-500: #64748b;
	--sttm-slate-200: #e2e8f0;
	--sttm-slate-100: #f1f5f9;
	--sttm-slate-50: #f8fafc;
	--sttm-white: #ffffff;
	--sttm-black: #000000;
	--sttm-yellow: #eab308;
	--sttm-lime: #84cc16;

	/* Typography */
	--sttm-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--sttm-font-heading: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
	--sttm-font-mono: "JetBrains Mono", ui-monospace, monospace;
	--sttm-font-serif: "Cormorant Garamond", Georgia, serif;
	--sttm-font-condensed: "Barlow Condensed", "Inter", sans-serif;
	--sttm-font-barlow: "Barlow", "Inter", sans-serif;
	--sttm-font-nav: "Oswald", system-ui, sans-serif;

	/* Spacing & layout */
	--sttm-radius: 0.5rem;
	--sttm-radius-lg: 0.75rem;
	--sttm-radius-xl: 1rem;
	--sttm-radius-2xl: 1.5rem;
	--sttm-radius-3xl: 1.5rem;
	--sttm-container: 80rem; /* 1280px / max-w-7xl */
	--sttm-container-narrow: 56rem; /* max-w-4xl */
	--sttm-container-6xl: 72rem;
	--sttm-header-z: 999;
	--sttm-cart-z: 9999;

	/* Shadows */
	--sttm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--sttm-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--sttm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--sttm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--sttm-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--sttm-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);

	/* Transitions */
	--sttm-ease: 0.2s ease;
	--sttm-ease-slow: 0.3s ease;
}