/*
 * GYSMAP Typography Foundation
 *
 * Handles the application of the 'Inter' font scale and global text rendering.
 * Utilizes the custom properties defined in global.css.
 */

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Heading Hierarchy */
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	color: var(--text-primary);
	font-weight: 600;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: var(--spacing-4);
}

h1 { font-size: 2.25rem; }  /* 36px */
h2 { font-size: 1.875rem; } /* 30px */
h3 { font-size: 1.5rem; }   /* 24px */
h4 { font-size: 1.25rem; }  /* 20px */
h5 { font-size: 1.125rem; } /* 18px */
h6 { font-size: 1rem; }     /* 16px */

/* Paragraphs & Text Elements */
p {
	margin-top: 0;
	margin-bottom: var(--spacing-4);
	color: var(--text-secondary);
}

small {
	font-size: 0.875rem; /* 14px */
	color: var(--text-muted);
}

a {
	color: var(--brand-primary);
	text-decoration: none;
	transition: color var(--transition-fast);
}

a:hover {
	color: var(--brand-primary-hover);
}

strong, b {
	font-weight: 600;
	color: var(--text-primary);
}

/* Text Utility Classes */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.text-muted { color: var(--text-muted); }
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-brand { color: var(--brand-primary); }

.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }