/* flightops.dev look for the hosted docs (docs.flightops.dev). Loaded after the docs' own stylesheet, so it only
   remaps tokens and restyles the bar, rail and page: the green cutting mat, the dark bench, paper pages and
   embossed tape labels of the website. The offline docs in release archives do not load this file. */
/* Fonts are served with the docs (SIL Open Font License, texts in fonts/); no third-party requests. */
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/CourierPrime-400.ttf) format('truetype')}
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/CourierPrime-700.ttf) format('truetype')}
@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/FamiljenGrotesk-400.ttf) format('truetype')}
@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/FamiljenGrotesk-500.ttf) format('truetype')}
@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/FamiljenGrotesk-600.ttf) format('truetype')}
:root,:root[data-theme=light]{
  color-scheme:light;
  --bg:#23463C;--paper:#FBFBF7;--panel:#FBFBF7;--panel2:#F2F2EB;--panel3:#E8E8DF;--line:#DCDCD2;--line2:#C9C9BE;
  --text:#161616;--text2:#33332F;--muted:#5B5B55;--faint:#85857D;
  --accent:#1E6E43;--accent-ink:#22336B;--accent-soft:#FBF1BF;--accent-ring:#F6E27A;
  --ok:#1E6E43;--ok-ink:#1E6E43;--ok-soft:#E3F1E8;
  --rail:#10211B;--rail2:#17302A;--rail-line:#24423A;--rail-text:#E8EEEA;--rail-muted:#9DB2A9;--rail-active:#23463C;
  --code-bg:#141414;--code-bar:#1F1F1D;--code-line:#2C2C29;--code-text:#F4F4F0;--code-muted:#A3A39B;
  --inline-code:#EFEFE6;--inline-code-line:#DCDCD2;--inline-code-ink:#22336B;
  --shadow:0 2px 2px rgba(0,0,0,.2),0 18px 30px -14px rgba(0,0,0,.55);
  --shadow-lg:0 2px 2px rgba(0,0,0,.25),0 24px 40px -18px rgba(0,0,0,.6);
  --radius:4px;--radius-sm:3px;
  --sans:'Familjen Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --label:'Courier Prime',ui-monospace,monospace;
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --bg:#0E1C17;--paper:#13221D;--panel:#13221D;--panel2:#182B25;--panel3:#1E352E;--line:#24423A;--line2:#2E5045;
  --text:#EDF2EE;--text2:#C9D6D0;--muted:#9DB2A9;--faint:#73887F;
  --accent:#7FD6A4;--accent-ink:#F6E27A;--accent-soft:#2B3A1F;--accent-ring:#F6E27A;
  --ok:#7FD6A4;--ok-ink:#7FD6A4;--ok-soft:#173326;
  --rail:#0A1511;--rail2:#122520;--rail-line:#1E352E;--rail-active:#1B3A31;
  --inline-code:#1E352E;--inline-code-line:#2E5045;--inline-code-ink:#F6E27A;
}}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0E1C17;--paper:#13221D;--panel:#13221D;--panel2:#182B25;--panel3:#1E352E;--line:#24423A;--line2:#2E5045;
  --text:#EDF2EE;--text2:#C9D6D0;--muted:#9DB2A9;--faint:#73887F;
  --accent:#7FD6A4;--accent-ink:#F6E27A;--accent-soft:#2B3A1F;--accent-ring:#F6E27A;
  --ok:#7FD6A4;--ok-ink:#7FD6A4;--ok-soft:#173326;
  --rail:#0A1511;--rail2:#122520;--rail-line:#1E352E;--rail-active:#1B3A31;
  --inline-code:#1E352E;--inline-code-line:#2E5045;--inline-code-ink:#F6E27A;
}

/* the cutting mat behind everything */
body{background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:200px 200px,200px 200px,40px 40px,40px 40px;font-family:var(--sans)}

/* the bar: dark bench, the FLIGHTOPS tape label, a way back to the website */
.top{background:#10211B;border-bottom:1px solid #24423A;backdrop-filter:none;-webkit-backdrop-filter:none;color:#E8EEEA}
.brand,.brand:hover{color:#E8EEEA;gap:.9rem}
.brand-mark{display:none}
.brand-name{display:inline-block;background:#141414;color:#F4F4F0;font-weight:600;font-size:15px;letter-spacing:.22em;text-transform:uppercase;padding:6px 12px 5px 14px;border-radius:3px;text-shadow:0 1px 0 rgba(255,255,255,.25),0 -1px 0 rgba(0,0,0,.6);box-shadow:0 2px 3px rgba(0,0,0,.45);transform:rotate(-1deg)}
.brand small{color:#C9D6D0;border-left-color:#2E5045;font-family:var(--label);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.site-link{color:#E8EEEA;font-size:.9rem;text-underline-offset:4px;white-space:nowrap}
.site-link:hover{color:#FFFFFF}
.top .icon-btn{background:transparent;border-color:#2E5045;color:#C9D6D0}.top .icon-btn:hover{background:#17302A;color:#FFFFFF}
.top .search{background:#FBFBF7;border-color:#C9C9BE;color:#161616}
.top .search input{color:#161616}

/* the rail: the dark bench edge */
.sidebar-label{font-family:var(--label);letter-spacing:.12em}
.sidebar nav a[aria-current=page]::before{background:#F6E27A}

/* the page: a sheet of paper on the mat */
.content{padding-top:2.25rem}
.page{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.5rem clamp(1.5rem,3.5vw,3rem) 2.75rem}
.eyebrow{font-family:var(--label);letter-spacing:.14em;color:var(--muted)}
.content h1,.content h2,.content h3{letter-spacing:-.015em}
.content a{color:var(--accent-ink)}
.chip{border-radius:3px}

/* the footer sits on the mat */
footer{color:#C9D6D0}
footer a{color:#FFFFFF}