/* ===================================================================
   KAIMELION TYPOGRAPHY SYSTEM
   ================================================================= */

/* Font Face Declarations - Include these if fonts need to be loaded */
/* You may need to adjust paths or use @import statements depending on font loading method */

/* ===================================================================
   BASE TYPOGRAPHY RULES
   ================================================================= */

/* Universal Brand Font */
* {
  font-family: 'Input Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 400; /* Regular */
}

/* Pre-headings */
.pre-heading,
.pre-title,
.eyebrow,
.kicker {
  font-family: 'Input Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 400; /* Regular */
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  line-height: 1.4;
}

/* Hero Headlines (H1s) */
h1,
.hero-headline,
.h1 {
  font-family: 'GT Super Ds Trial', Georgia, serif;
  font-weight: 300; /* Light */
  font-style: italic;
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

/* H2-H6 Headlines */
h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 {
  font-family: 'GT Super Ds Trial', Georgia, serif;
  font-weight: 300; /* Light */
  font-style: italic;
  letter-spacing: -0.01em;
}

h2, .h2 {
  font-size: 2.25rem;
  line-height: 1.2;
}

h3, .h3 {
  font-size: 1.875rem;
  line-height: 1.25;
}

h4, .h4 {
  font-size: 1.5rem;
  line-height: 1.3;
}

h5, .h5 {
  font-size: 1.25rem;
  line-height: 1.35;
}

h6, .h6 {
  font-size: 1.125rem;
  line-height: 1.4;
}

/* Body Text */
body,
p,
.body,
.text-body,
li,
td,
.body-text {
  font-family: 'PP Neue Montreal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 400; /* Book */
  font-size: 1rem;
  line-height: 1.6;
}

/* ===================================================================
   DIVISION OVERRIDES
   ================================================================= */

/* Agency Division Overrides */
.agency-division h1,
.agency-division .hero-headline,
.agency-division .h1,
[data-division="agency"] h1,
[data-division="agency"] .hero-headline,
[data-division="agency"] .h1 {
  font-family: 'GT Super Ds Trial', Georgia, serif;
  font-weight: 500; /* Medium */
  font-style: normal; /* Remove italic for medium weight */
}

/* Design Division Overrides */
.design-division h1,
.design-division .hero-headline,
.design-division .h1,
[data-division="design"] h1,
[data-division="design"] .hero-headline,
[data-division="design"] .h1 {
  font-family: 'FreightDisp Pro', Georgia, serif;
  font-weight: 300; /* Light */
  font-style: italic;
}

/* Labs Division Overrides */
.labs-division h1,
.labs-division .hero-headline,
.labs-division .h1,
[data-division="labs"] h1,
[data-division="labs"] .hero-headline,
[data-division="labs"] .h1 {
  font-family: 'PP Neue Montreal Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;
  /* Dual weight option - use one or the other */
  font-weight: 100; /* Thin */
  /* font-weight: 700; /* Bold - uncomment to use bold instead */
  font-style: normal;
}

/* Labs Division Bold Variant */
.labs-division h1.bold,
.labs-division .hero-headline.bold,
.labs-division .h1.bold,
[data-division="labs"] h1.bold,
[data-division="labs"] .hero-headline.bold,
[data-division="labs"] .h1.bold {
  font-weight: 700; /* Bold */
}

/* ===================================================================
   UTILITY CLASSES
   ================================================================= */

/* Font Family Utilities */
.font-input-sans {
  font-family: 'Input Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-gt-super {
  font-family: 'GT Super Ds Trial', Georgia, serif;
}

.font-freight-disp {
  font-family: 'FreightDisp Pro', Georgia, serif;
}

.font-pp-neue-montreal {
  font-family: 'PP Neue Montreal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-pp-neue-montreal-mono {
  font-family: 'PP Neue Montreal Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;
}

/* Font Weight Utilities */
.font-thin { font-weight: 100; }
.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-bold { font-weight: 700; }

/* Font Style Utilities */
.italic { font-style: italic; }
.not-italic { font-style: normal; }

/* ===================================================================
   RESPONSIVE ADJUSTMENTS
   ================================================================= */

/* Mobile Adjustments */
@media (max-width: 768px) {
  h1, .hero-headline, .h1 {
    font-size: 2.25rem;
  }

  h2, .h2 {
    font-size: 1.875rem;
  }

  h3, .h3 {
    font-size: 1.5rem;
  }

  h4, .h4 {
    font-size: 1.25rem;
  }

  h5, .h5 {
    font-size: 1.125rem;
  }

  h6, .h6 {
    font-size: 1rem;
  }
}

/* ===================================================================
   CSS CUSTOM PROPERTIES (VARIABLES)
   ================================================================= */

:root {
  /* Font Families */
  --font-universal: 'Input Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-headings: 'GT Super Ds Trial', Georgia, serif;
  --font-body: 'PP Neue Montreal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-freight: 'FreightDisp Pro', Georgia, serif;
  --font-mono: 'PP Neue Montreal Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;

  /* Font Weights */
  --weight-thin: 100;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
}