/**
 * S◉LOCK Type — Apple-inspired system
 *
 * On Apple devices: prefers SF Pro via system UI fonts (Apple’s design language).
 * Everywhere else: SILOCK Sans / SILOCK Display (custom-branded Inter, OFL —
 * the closest open neo-grotesque to SF Pro for screens).
 *
 * Full custom glyph design from scratch is a separate type foundry project;
 * this ships a production-ready SILOCK-named family with Apple optical habits.
 */

/* —— SILOCK Sans (text / UI, variable) ———————————————— */
@font-face {
  font-family: "SILOCK Sans";
  src:
    local("SF Pro Text"),
    local("SF Pro Display"),
    local(".SF NS Text"),
    local("SFNS Text"),
    url("/assets/fonts/SILOCKSans-Variable.woff2") format("woff2-variations"),
    url("/assets/fonts/SILOCKSans-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  font-optical-sizing: auto;
}

@font-face {
  font-family: "SILOCK Sans";
  src:
    local("SF Pro Text Italic"),
    local("SF Pro Display Italic"),
    url("/assets/fonts/SILOCKSans-VariableItalic.woff2") format("woff2-variations"),
    url("/assets/fonts/SILOCKSans-VariableItalic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  font-optical-sizing: auto;
}

/* —— SILOCK Display (large titles, optical display cut) ——— */
@font-face {
  font-family: "SILOCK Display";
  src:
    local("SF Pro Display"),
    local("SF Pro Text"),
    url("/assets/fonts/SILOCKDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SILOCK Display";
  src:
    local("SF Pro Display Medium"),
    local("SF Pro Text Medium"),
    url("/assets/fonts/SILOCKDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SILOCK Display";
  src:
    local("SF Pro Display Semibold"),
    local("SF Pro Text Semibold"),
    url("/assets/fonts/SILOCKDisplay-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SILOCK Display";
  src:
    local("SF Pro Display Bold"),
    local("SF Pro Text Bold"),
    url("/assets/fonts/SILOCKDisplay-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}