/* speedometer-wallpaper's theme pack, written by tools/build-pages.mjs from theme.json: edit that, not this. */
@font-face { font-family: "Saira Condensed"; src: url("/speedometer-wallpaper/fonts/saira-condensed-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Saira Condensed"; src: url("/speedometer-wallpaper/fonts/saira-condensed-800.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "DSEG7"; src: url("/speedometer-wallpaper/fonts/dseg7-classic-bold.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Commissioner"; src: url("/assets/fonts/commissioner-latin.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
:root {
  --page: #0B0B0C;
  --page-pattern: none;
  --page-pattern-size: auto;
  --surface: #161618;
  --surface-2: #1F1F22;
  --ink: #ECECEE;
  --muted: #A9A9B1;
  --line: #34343A;
  --link: #ECECEE;
  --accent: #F04A2C;
  --accent-2: #FFB547;
  --accent-3: #4BD66B;
  --cta: #FFB547;
  --cta-ink: #170A02;
  --cta-edge: #C47E16;
  --on-art: #ECECEE;
  --on-art-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
  --art-shade: rgba(11, 11, 12, 0.7);
  --lead-ink: #ECECEE;
  --lead-em: #F04A2C;
  --lead-shadow: 0 2px 18px rgba(0, 0, 0, 0.85);
  --lead-style: italic;
  --lead-size: clamp(1.9rem, 3.6vw, 3.4rem);
  --radius: 24px;
  --radius-sm: 14px;
  --card-bg: linear-gradient(180deg, #1F1F22, #161618);
  --card-border: 1px solid #34343A;
  --card-shadow: 0 20px 40px -24px #000;
  --card-lift: 0 26px 46px -22px #000;
  --card-stripe: 0px;
  --font-display: "Saira Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-weight: 800;
  --display-case: uppercase;
  --display-tracking: 0.01em;
  --display-leading: 0.98;
  --label-font: "Saira Condensed", "Arial Narrow", system-ui, sans-serif;
  --label-weight: 600;
  --label-case: uppercase;
  --label-tracking: 0.1em;
  --body-size: 17px;
  --body-weight: 400;
  --h2-size: clamp(2.2rem, 5vw, 3.6rem);
  --section-pad: 84px;
  --intro-bg: linear-gradient(#10243A, #0B0B0C 78%);
  --shot-frame: 6px solid #1A1A1D;
  --step-font: "DSEG7", ui-monospace, monospace;
  --step-ink: #F04A2C;
  --step-bg: transparent;
  --step-size: 2rem;
  --step-text: #A9A9B1;
  --step-stripe: 3px;
  --tag-bg: transparent;
  --tag-ink: #F04A2C;
  --tag-pad: 0;
  --nav-current-bg: transparent;
  --nav-current-ink: #ECECEE;
  --nav-current-line: inset 0 -3px 0 #F04A2C;
  --nav-current-radius: 0;
  --foot-rule: 1px solid #34343A;
  --foot-panel: rgba(16, 16, 18, 0.78);
  --band-bg: radial-gradient(ellipse 70% 120% at 50% 120%, rgba(240, 74, 44, 0.22), transparent 70%), linear-gradient(180deg, #1F1F22, #161618);
  --feature-bg: #161618;
  --feature-pad: 20px;
  --feature-stripe: 3px;
  --feature-text: #A9A9B1;
  --feature-title-font: "Saira Condensed", "Arial Narrow", system-ui, sans-serif;
  --feature-title-weight: 800;
  --feature-title-size: 1.2rem;
  --feature-title-case: uppercase;
  --feature-title-tracking: 0.03em;
  --lcd: #EAF1F3;
  --gallery-title-low: #B9BCC6;
  --gallery-title-edge: #000000;
  --gallery-sky: radial-gradient(ellipse 50% 60% at 64% 46%, rgb(240 74 44 / 0.28), transparent 70%), linear-gradient(#131315, #0A0A0B);
  --gallery-on-sky-muted: #B9B9C1;
  --gallery-veil: #050506;
  --gallery-ped-glow: rgb(240 74 44 / 0.45);
  --gallery-device: #141416;
  --gallery-device-hi: #74747E;
  --gallery-btn: #232326;
  --gallery-btn-ink: #FFFFFF;
  --gallery-tag: #1C1C1F;
  --gallery-tag-ink: #FFFFFF;
  --gallery-link-shade: 1.15;
  --swatch-1: #F04A2C;
  --swatch-2: #FFB547;
  --swatch-3: #4BD66B;
  color-scheme: dark;
}
@media (hover: hover) and (pointer: fine) {
  :root {
    --cursor: url("/speedometer-wallpaper/theme/cursor.svg") 3 3, auto;
    --cursor-link: url("/speedometer-wallpaper/theme/cursor-link.svg") 13 2, pointer;
    --cursor-text: url("/speedometer-wallpaper/theme/cursor-text.svg") 16 16, text;
  }
}