/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      colors: {
        'desert-sand': '#F5E6D3',
        'terracotta': '#C2724F',
        'deep-indigo': '#1B2A4A',
        'sage': '#8B9F82',
        'mountain-shadow': '#6B5B5B',
        'warm-white': '#FAF7F2',
        'dusty-rose': '#D4A0A0',
      },
      fontFamily: {
        'display': ['"Playfair Display"', 'Georgia', 'serif'],
        'body': ['"Source Sans 3"', 'system-ui', 'sans-serif'],
        'mono': ['"Space Mono"', 'monospace'],
        'quote': ['Lora', 'Georgia', 'serif'],
      },
      fontSize: {
        'display-1': ['3.052rem', {
          lineHeight: '1.1',
          letterSpacing: '-0.02em',
          fontWeight: '700',
        }],
        'display-2': ['2.441rem', {
          lineHeight: '1.15',
          letterSpacing: '-0.02em',
          fontWeight: '700',
        }],
        'display-3': ['1.953rem', {
          lineHeight: '1.2',
          letterSpacing: '-0.01em',
          fontWeight: '700',
        }],
        'display-4': ['1.563rem', {
          lineHeight: '1.25',
          fontWeight: '700',
        }],
        'heading-5': ['1.25rem', {
          lineHeight: '1.3',
          fontWeight: '600',
        }],
        'heading-6': ['0.8rem', {
          lineHeight: '1.4',
          letterSpacing: '0.1em',
          fontWeight: '600',
        }],
        'body': ['1rem', {
          lineHeight: '1.7',
          fontWeight: '400',
        }],
        'small': ['0.8rem', {
          lineHeight: '1.6',
          fontWeight: '400',
        }],
        'caption': ['0.625rem', {
          lineHeight: '1.5',
          letterSpacing: '0.05em',
          fontWeight: '400',
        }],
      },
    },
  },
}

:root {
  /* ── Fonts ── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Source Sans 3', system-ui, sans-serif;
  --font-mono: 'Space Mono', monospace;
  --font-quote: 'Lora', Georgia, serif;

  /* ── Colors ── */
  --color-desert-sand: #F5E6D3;
  --color-terracotta: #C2724F;
  --color-deep-indigo: #1B2A4A;
  --color-sage: #8B9F82;
  --color-mountain-shadow: #6B5B5B;
  --color-warm-white: #FAF7F2;
  --color-dusty-rose: #D4A0A0;

  /* ── Type Scale (Major Third 1.25) ── */
  --text-4xl: 3.052rem;   /* 49px  h1 */
  --text-3xl: 2.441rem;   /* 39px  h2 */
  --text-2xl: 1.953rem;   /* 31px  h3 */
  --text-xl:  1.563rem;   /* 25px  h4 */
  --text-lg:  1.25rem;    /* 20px  h5 */
  --text-base: 1rem;      /* 16px  body */
  --text-sm:  0.8rem;     /* 13px  small, h6 */
  --text-xs:  0.625rem;   /* 10px  caption */

  /* ── Line Heights ── */
  --leading-tight: 1.1;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* ── Responsive Headings (use clamp) ── */
  --h1-size: clamp(2.441rem, 5vw, 3.052rem);
  --h2-size: clamp(1.953rem, 4vw, 2.441rem);
  --h3-size: clamp(1.563rem, 3vw, 1.953rem);
  --h4-size: clamp(1.25rem, 2.5vw, 1.563rem);
}

/* ── Base Styles ── */
h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--color-deep-indigo);
}

h1 {
  font-size: var(--h1-size);
  line-height: var(--leading-tight);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--h2-size);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

h3 {
  font-size: var(--h3-size);
  line-height: var(--leading-snug);
  letter-spacing: -0.01em;
}

h4 {
  font-size: var(--h4-size);
  line-height: 1.25;
}

h5 {
  font-family: var(--font-body);
  font-size: var(--text-lg);
  font-weight: 600;
  line-height: 1.3;
}

h6 {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body, p {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--color-deep-indigo);
}

small {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-mountain-shadow);
}

blockquote {
  font-family: var(--font-quote);
  font-style: italic;
}

.caption {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.stat {
  font-family: var(--font-mono);
  font-weight: 700;
}