/**
 * ==========================================================
 * SHMT Design Tokens
 * SasthaHouse Marketplace Toolkit
 * ==========================================================
 *
 * This file is the single source of truth for the SHMT
 * design system.
 *
 * Components should NEVER use hardcoded values for:
 *
 * - Colors
 * - Spacing
 * - Border Radius
 * - Shadows
 * - Typography
 * - Z-Index
 * - Transitions
 *
 * Always reference these CSS variables instead.
 *
 * @package SHMT
 */

:root {

	/* ======================================================
	   COLORS
	   ====================================================== */

	--shmt-primary: #2563eb;
	--shmt-primary-hover: #1d4ed8;

	--shmt-success: #16a34a;
	--shmt-warning: #f59e0b;
	--shmt-danger: #dc2626;

	--shmt-white: #ffffff;
	--shmt-black: #000000;

	/* Backgrounds */

	--shmt-background: #f8fafc;
	--shmt-surface: #ffffff;
	--shmt-surface-alt: #f1f5f9;

	/* Text */

	--shmt-text-primary: #0f172a;
	--shmt-text-secondary: #475569;
	--shmt-text-muted: #64748b;

	/* Borders */

	--shmt-border: #e2e8f0;
	--shmt-border-light: #f1f5f9;

	/* ======================================================
	   SPACING SCALE
	   ====================================================== */

	--shmt-space-0: 0;
	--shmt-space-1: 4px;
	--shmt-space-2: 8px;
	--shmt-space-3: 12px;
	--shmt-space-4: 16px;
	--shmt-space-5: 20px;
	--shmt-space-6: 24px;
	--shmt-space-7: 32px;
	--shmt-space-8: 40px;
	--shmt-space-9: 48px;
	--shmt-space-10: 64px;
	--shmt-space-11: 80px;
	--shmt-space-12: 96px;

	/* ======================================================
	   BORDER RADIUS
	   ====================================================== */

	--shmt-radius-sm: 6px;
	--shmt-radius-md: 10px;
	--shmt-radius-lg: 16px;
	--shmt-radius-xl: 24px;
	--shmt-radius-pill: 999px;

	/* ======================================================
	   SHADOWS
	   ====================================================== */

	--shmt-shadow-sm:
		0 1px 2px rgba(15,23,42,.05);

	--shmt-shadow-md:
		0 8px 24px rgba(15,23,42,.08);

	--shmt-shadow-lg:
		0 18px 50px rgba(15,23,42,.12);

	/* ======================================================
	   TYPOGRAPHY
	   ====================================================== */

	--shmt-font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif;

	/* Font Sizes */

	--shmt-text-xs: .75rem;
	--shmt-text-sm: .875rem;
	--shmt-text-base: 1rem;
	--shmt-text-lg: 1.125rem;
	--shmt-text-xl: 1.25rem;
	--shmt-text-2xl: 1.5rem;
	--shmt-text-3xl: 2rem;

	/* Font Weights */

	--shmt-font-regular: 400;
	--shmt-font-medium: 500;
	--shmt-font-semibold: 600;
	--shmt-font-bold: 700;

	/* Line Heights */

	--shmt-line-tight: 1.2;
	--shmt-line-normal: 1.5;
	--shmt-line-loose: 1.8;

	/* ======================================================
	   TRANSITIONS
	   ====================================================== */

	--shmt-transition-fast: .15s ease;
	--shmt-transition: .25s ease;
	--shmt-transition-slow: .40s ease;

	/* ======================================================
	   Z INDEX
	   ====================================================== */

	--shmt-z-dropdown: 1000;
	--shmt-z-sticky: 1020;
	--shmt-z-fixed: 1030;
	--shmt-z-modal-backdrop: 1040;
	--shmt-z-modal: 1050;
	--shmt-z-tooltip: 1080;

	/* ======================================================
	   LAYOUT
	   ====================================================== */

	--shmt-container-width: 1320px;

	--shmt-content-width: 860px;

	--shmt-sidebar-width: 380px;

}