/**
 * Satoshi Local Font — Standalone CSS
 * For use in login, register, and any page outside the SCSS pipeline.
 * Font files are at: /assets/fonts/satoshi/ (root-level)
 * This file is at: /app/assets/styles/satoshi-fonts.css
 * Relative path: app/assets/styles/ → app/assets/ → app/ → htdocs/airtimesure/
 * So: ../../../../assets/fonts/satoshi/
 */

/* Satoshi Light — 300 */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-Light.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-Light.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Satoshi Light Italic — 300 italic */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-LightItalic.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-LightItalic.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Satoshi Regular — 400 */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-Regular.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Satoshi Regular Italic — 400 italic */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-Italic.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-Italic.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Satoshi Medium — 500 */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-Medium.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-Medium.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Satoshi Medium Italic — 500 italic */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-MediumItalic.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-MediumItalic.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Satoshi Bold — 700 */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-Bold.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Satoshi Bold Italic — 700 italic */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-BoldItalic.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-BoldItalic.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Satoshi Black — 900 */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-Black.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-Black.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Satoshi Black Italic — 900 italic */
@font-face {
  font-family: 'Satoshi';
  src: url('../../../assets/fonts/satoshi/Satoshi-BlackItalic.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-BlackItalic.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Satoshi Variable Font — full range 300–900 */
@font-face {
  font-family: 'Satoshi Variable';
  src: url('../../../assets/fonts/satoshi/Satoshi-Variable.woff2') format('woff2'),
       url('../../../assets/fonts/satoshi/Satoshi-Variable.woff') format('woff'),
       url('../../../assets/fonts/satoshi/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

/* Global Satoshi application with rendering optimizations */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.card,
label,
h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th {
  font-family: 'Satoshi', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}