/* This site was custom designed by Sitethreesixty.com and is actively managed by Sitethreesixty.com */
/* ================================
   TYPOGRAPHY TOKENS - CURLY TAIL SCREEN & WINDOW
   Inter font family - Clean, professional, readable
   Apple-inspired hierarchy and spacing
   ================================ */

/* Font Face Declarations - Inter Variable */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../../assets/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Font Face - Asap Condensed Bold (Logo Font) */
@font-face {
  font-family: 'Asap Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../assets/fonts/asap-condensed-bold.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Typography Tokens */
:root {
  /* ================================
     FONT FAMILIES
     Single font family (Inter) for consistency
     ================================ */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-logo: 'Asap Condensed', 'Inter', sans-serif;

  /* ================================
     FONT WEIGHTS
     ================================ */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* ================================
     LINE HEIGHTS
     Body text: 1.6-1.8x for readability
     Headings: Tighter for impact
     ================================ */
  --line-height-tight: 1.1;
  --line-height-heading: 1.2;
  --line-height-subheading: 1.3;
  --line-height-body: 1.7;
  --line-height-relaxed: 1.8;

  /* ================================
     LETTER SPACING
     ================================ */
  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.01em;

  /* ================================
     FONT SIZES - Fluid Typography
     Designed for scanning, not reading
     Bold headlines, clear hierarchy
     ================================ */

  /* Small text */
  --text-xs: clamp(0.75rem, 0.7vw, 0.8125rem);
  --text-sm: clamp(0.875rem, 0.85vw, 0.9375rem);

  /* Body text */
  --text-base: clamp(1rem, 1vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1.2vw, 1.25rem);

  /* Subheadings */
  --text-xl: clamp(1.25rem, 1.5vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 2vw, 1.875rem);

  /* Headings */
  --text-3xl: clamp(1.875rem, 2.5vw, 2.25rem);
  --text-4xl: clamp(2.25rem, 3vw, 3rem);

  /* Hero Headlines */
  --text-5xl: clamp(2.5rem, 4vw, 3.5rem);
  --text-6xl: clamp(3rem, 5vw, 4.5rem);

  /* ================================
     MAX LINE WIDTH
     Optimal reading: 65-75 characters
     ================================ */
  --max-line-width: 70ch;
  --max-line-width-narrow: 55ch;
  --max-line-width-wide: 85ch;

  /* ================================
     PARAGRAPH SPACING
     ================================ */
  --paragraph-spacing: 1.5em;
  --list-spacing: 0.75em;
}

/* This site was custom designed by Sitethreesixty.com and is actively managed by Sitethreesixty.com */