/* ==========================================================DineMe PremiumTypography System v1.0File: typography.cssAuthor: DineMe Team========================================================== *//* ==========================================================Google Fonts========================================================== */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&family=Poppins:wght@500;600;700;800&display=swap');/* ==========================================================Base Typography========================================================== */body {font-family: var(--font-body);font-size: var(--fs-md);font-weight: var(--fw-regular);line-height: 1.7;letter-spacing: -0.01em;color: var(--text-primary);}/* ==========================================================Headings========================================================== */h1,h2,h3,h4,h5,h6 {font-family: var(--font-heading);font-weight: var(--fw-bold);line-height: 1.2;color: var(--text-primary);margin-bottom: var(--space-4);}h1 {font-size: clamp(2.5rem, 5vw, 4rem);}h2 {font-size: clamp(2rem, 4vw, 3rem);}h3 {font-size: clamp(1.75rem, 3vw, 2.25rem);}h4 {font-size: 1.5rem;}h5 {font-size: 1.25rem;}h6 {font-size: 1rem;}/* ==========================================================Paragraphs========================================================== */p {margin-bottom: var(--space-4);color: var(--text-secondary);}/* ==========================================================Links========================================================== */a {color: inherit;text-decoration: none;transition: var(--transition-fast);}a:hover {color: var(--color-primary);}/* ==========================================================Lists========================================================== */ul,ol {padding-left: 1.5rem;margin-bottom: var(--space-4);}li {margin-bottom: 0.5rem;}/* ==========================================================Small Text========================================================== */small {font-size: var(--fs-sm);color: var(--text-light);}/* ==========================================================Typography Utility Classes========================================================== *//* Hero Title */.hero-title {font-family: var(--font-heading);font-size: clamp(3rem, 6vw, 5rem);font-weight: 800;line-height: 1.05;letter-spacing: -0.03em;}/* Display Text */.display-xl {font-size: clamp(3rem, 6vw, 5rem);font-weight: 800;}.display-lg {font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 700;}/* Headings */.heading-xl {font-size: clamp(2rem, 4vw, 3rem);font-weight: 700;}.heading-lg {font-size: 2rem;font-weight: 700;}.heading-md {font-size: 1.5rem;font-weight: 600;}.heading-sm {font-size: 1.25rem;font-weight: 600;}/* Body Text */.body-lg {font-size: 1.125rem;line-height: 1.8;}.body-md {font-size: 1rem;line-height: 1.7;}.body-sm {font-size: 0.875rem;line-height: 1.6;}/* Caption */.caption {font-size: 0.875rem;color: var(--text-light);}/* Overline */.overline {font-size: 0.75rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;}/* ==========================================================Section Components========================================================== */.section-title {font-size: clamp(2rem, 4vw, 3rem);text-align: center;margin-bottom: 1rem;}.section-subtitle {max-width: 650px;margin: 0 auto 3rem;text-align: center;color: var(--text-secondary);line-height: 1.8;}/* ==========================================================Restaurant Components========================================================== */.restaurant-name {font-size: 1.25rem;font-weight: 700;color: var(--text-primary);}.price {font-family: var(--font-number);font-weight: 700;color: var(--color-primary);}.rating {font-family: var(--font-number);font-weight: 700;}/* ==========================================================Numbers========================================================== */.number {font-family: var(--font-number);font-weight: 700;}/* ==========================================================Badge Text========================================================== */.badge {font-size: 0.75rem;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;}/* ==========================================================Text Selection========================================================== */::selection {background: var(--color-primary);color: #ffffff;}/* ==========================================================Responsive Typography========================================================== */@media (max-width: 768px) {    body {        font-size: 0.95rem;    }    .section-subtitle {        margin-bottom: 2rem;    }}