/*
 * Custom styles for nmux main application
 * This file is processed by Propshaft with asset fingerprinting via relative URL resolution
 */

/* ============================================
 * Trim Font Family @font-face Declarations
 * ============================================ */

/* Trim - Regular Sans-Serif Font Family */

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-Thin-254295c4.woff2") format('woff2'),
    url("/assets/Trim-Thin-63295e83.woff") format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-ThinItalic-066cd523.woff2") format('woff2'),
    url("/assets/Trim-ThinItalic-a87240f2.woff") format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-Light-20a19950.woff2") format('woff2'),
    url("/assets/Trim-Light-8a8427b8.woff") format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-LightItalic-f237f6a7.woff2") format('woff2'),
    url("/assets/Trim-LightItalic-9bbf9b8f.woff") format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-Regular-3ca9afbc.woff2") format('woff2'),
    url("/assets/Trim-Regular-160b663f.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-Italic-fd489372.woff2") format('woff2'),
    url("/assets/Trim-Italic-8f4379d1.woff") format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-Medium-69efe500.woff2") format('woff2'),
    url("/assets/Trim-Medium-48b21ae5.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-MediumItalic-4fb558b6.woff2") format('woff2'),
    url("/assets/Trim-MediumItalic-667c8af5.woff") format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-SemiBold-8c9d321d.woff2") format('woff2'),
    url("/assets/Trim-SemiBold-03099a9a.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-SemiBoldItalic-cc1dcb05.woff2") format('woff2'),
    url("/assets/Trim-SemiBoldItalic-816f5742.woff") format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-Bold-248011d2.woff2") format('woff2'),
    url("/assets/Trim-Bold-3bcba12c.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-BoldItalic-abe99c32.woff2") format('woff2'),
    url("/assets/Trim-BoldItalic-74f25d6a.woff") format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-ExtraBold-184d2cb4.woff2") format('woff2'),
    url("/assets/Trim-ExtraBold-d01f1b41.woff") format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim';
  src: url("/assets/Trim-ExtraBoldItalic-d9c866c5.woff2") format('woff2'),
    url("/assets/Trim-ExtraBoldItalic-03338e71.woff") format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Trim Mono - Monospace Font Family */

@font-face {
  font-family: 'Trim Mono';
  src: url("/assets/TrimMono-Light-9bc4b6f2.woff2") format('woff2'),
    url("/assets/TrimMono-Light-e45e4c1d.woff") format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Mono';
  src: url("/assets/TrimMono-Regular-7e0e53f5.woff2") format('woff2'),
    url("/assets/TrimMono-Regular-9cd62d88.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Mono';
  src: url("/assets/TrimMono-Medium-cde71199.woff2") format('woff2'),
    url("/assets/TrimMono-Medium-c19d7d18.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Mono';
  src: url("/assets/TrimMono-SemiBold-d82b51b8.woff2") format('woff2'),
    url("/assets/TrimMono-SemiBold-51ab0c89.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Mono';
  src: url("/assets/TrimMono-Bold-aa40e1e7.woff2") format('woff2'),
    url("/assets/TrimMono-Bold-14942cae.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Trim Poster - Display/Poster Font Family (Variable) */

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Variable-c400d84e.woff2") format('woff2-variations'),
    url("/assets/TrimPoster-Variable-0d76d086.woff") format('woff-variations');
  font-weight: 100 900;
  font-stretch: 50% 200%;
  font-style: normal;
  font-display: swap;
}

/* Trim Poster - Static Weights (fallback for browsers without variable font support) */

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Skinny-efc5b255.woff2") format('woff2'),
    url("/assets/TrimPoster-Skinny-20186b74.woff") format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Lanky-3d16df88.woff2") format('woff2'),
    url("/assets/TrimPoster-Lanky-79b8b520.woff") format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Slender-646b0d29.woff2") format('woff2'),
    url("/assets/TrimPoster-Slender-8690934b.woff") format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Slim-a81533d7.woff2") format('woff2'),
    url("/assets/TrimPoster-Slim-26993ae5.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Lean-573fd4a0.woff2") format('woff2'),
    url("/assets/TrimPoster-Lean-90b9364e.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Average-37117ca3.woff2") format('woff2'),
    url("/assets/TrimPoster-Average-3c2b6192.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Hefty-10506832.woff2") format('woff2'),
    url("/assets/TrimPoster-Hefty-6efd0045.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trim Poster';
  src: url("/assets/TrimPoster-Fat-574b3d50.woff2") format('woff2'),
    url("/assets/TrimPoster-Fat-e4457041.woff") format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ============================================
 * Custom Utility Classes
 * ============================================ */

/* Custom Tailwind utility classes for font families */
.font-heading {
  font-family: 'Trim', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.font-poster {
  font-family: 'Trim Poster', 'Trim', ui-sans-serif, system-ui, sans-serif !important;
}

/* Override default body font to use Inter */
body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Code blocks use Trim Mono */
code,
pre,
kbd,
samp {
  font-family: 'Trim Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}