/**
 * Alexa Rossi Law - Branding Stylesheet
 * Brand colors, typography, and design tokens
 */

:root {
	/* Primary Colors */
	--color-primary-dark:   #0F4D3F;  /* Brunswick Green */
	--color-primary-mid:    #7B896F;  /* Reseda Green */
	--color-primary-light:  #E6F9AF;  /* Mindaro */
	
	/* Neutral Colors */
	--color-neutral-dark:   #2C2F33;  /* Jet */
	--color-neutral-mid:    #636363;  /* DLM Gray */
	--color-neutral-light:  #FAFAF7;  /* Baby Powder */
	
	/* Accent Color */
	--color-accent:         #FFE5D4;  /* Champagne Pink */
	
	/* Typography */
	--font-primary:         'Cormorant Garamond', 'Georgia', serif;
	--font-secondary:       'Inter', 'Helvetica Neue', sans-serif;
	
	/* Letter Spacing */
	--letter-spacing-tight: -0.05em;  /* -50 tracking for headers */
	--letter-spacing-body:  -0.01em;  /* -30 tracking for body */
	
	/* Brand-specific measurements */
	--brand-radius:         4px;
	--brand-border-width:   2px;
	--brand-transition:     all 0.3s ease;
}

/* Typography Baseline */
h1, h2, h3, h4, h5, h6 {
	font-family:     var(--font-primary);
	font-weight:     600;
	letter-spacing:  var(--letter-spacing-tight);
	line-height:     1.2;
	color:           var(--color-primary-dark);
}

h1 {
	font-size:  3rem;
	margin:     0 0 1rem;
}

h2 {
	font-size:  2.5rem;
	margin:     0 0 2rem;
}

h3 {
	font-size:  1.5rem;
	margin:     0 0 0.5rem;
}

p {
	font-family:     var(--font-secondary);
	letter-spacing:  var(--letter-spacing-body);
	line-height:     1.6;
	margin:          0 0 1rem;
}

/* Brand Links */
a {
	color:            var(--color-primary-dark);
	transition:       var(--brand-transition);
	text-decoration:  none;
}

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

/* Responsive Typography */
@media (max-width: 768px) {
	h1 {
		font-size: 2rem;
	}
	
	h2 {
		font-size: 1.75rem;
	}
	
	h3 {
		font-size: 1.25rem;
	}
}