/* TweakFC Flight Deck (brand v2.0, Karan, 1 Nov 2026): a fighter's night glass cockpit. Shared tokens and fonts,
   loaded first by the game, the phone version and the Rotordex site.
   Panels ~70 %, phosphor HUD green ~22 % for information, master-caution amber ~6 % for the one action,
   warning red ~2 % for danger only. Screens (MFD glass) are always dark with green ink, in both themes.
   Fonts are self-hosted OFL copies: Saira Condensed (headlines, labels), B612 and B612 Mono (Airbus's cockpit faces). */
@font-face { font-family: 'TFC Display'; src: url(../assets/fonts/saira-condensed-700.woff2) format('woff2'); font-weight: 400 700; font-display: swap; size-adjust: 112%; }
@font-face { font-family: 'TFC Body'; src: url(../assets/fonts/b612-400.woff2) format('woff2'); font-weight: 400; font-display: swap; size-adjust: 94%; }
@font-face { font-family: 'TFC Body'; src: url(../assets/fonts/b612-700.woff2) format('woff2'); font-weight: 600 700; font-display: swap; size-adjust: 94%; }
@font-face { font-family: 'TFC Data'; src: url(../assets/fonts/b612mono-400.woff2) format('woff2'); font-weight: 400; font-display: swap; size-adjust: 86%; }
@font-face { font-family: 'TFC Data'; src: url(../assets/fonts/b612mono-700.woff2) format('woff2'); font-weight: 600 700; font-display: swap; size-adjust: 86%; }
@font-face { font-family: 'TFC Label'; src: url(../assets/fonts/saira-condensed-600.woff2) format('woff2'); font-weight: 400 600; font-display: swap; size-adjust: 120%; }
@font-face { font-family: 'TFC Label'; src: url(../assets/fonts/saira-condensed-700.woff2) format('woff2'); font-weight: 700; font-display: swap; size-adjust: 120%; }

/* Night cockpit is the default; the sunlit "day cockpit" applies when the computer is set to light, or when picked
   (html[data-theme], localStorage fly.theme, js/theme.js). */
:root {
  color-scheme: dark;
  --tfc-shell: #090D11; --tfc-shell-rgb: 9, 13, 17;
  --tfc-shell-light: #10161C; --tfc-shell-hi: #18212A; --tfc-shell-shadow: #04070A; --tfc-shell-xlo: #000000;
  --tfc-ink: #D3DCE4; --tfc-muted: #8E9DAB; --tfc-faint: #66737F; --tfc-tint: 211, 220, 228;
  --tfc-accent: #3CFF8B; --tfc-bad: #FF6B5B; --tfc-ok: #3CFF8B; --tfc-key: #1C2630;
  --tfc-act-soft: #3A2E10; --tfc-bad-soft: #3A1612;
  --tfc-dots: linear-gradient(rgba(211, 220, 228, .035) 1px, transparent 1px) 0 0 / 100% 64px;
  /* core */
  --tfc-lcd: #2BD873; --tfc-orange: #FFB020; --tfc-cta-ink: #1A1200;
  /* MFD glass ramp: 0 is the screen ink (HUD green), 3 the glass. Same in both themes. */
  --tfc-lcd-0: #3CFF8B; --tfc-lcd-1: #1F9E5A; --tfc-lcd-2: #2BD873; --tfc-lcd-3: #05090C;
  /* support */
  --tfc-bezel: #1B232C; --tfc-charcoal: #0B0F13;
  --tfc-orange-dark: #A86F00; --tfc-led: #FF4D3D; --tfc-caution: #FFB020; --tfc-warning: #FF4D3D;
  /* type */
  --tfc-font-display: 'TFC Display', 'Saira Condensed', 'Arial Narrow', sans-serif;
  --tfc-font-body: 'TFC Body', 'B612', system-ui, sans-serif;
  --tfc-font-data: 'TFC Data', 'B612 Mono', ui-monospace, monospace;
  --tfc-font-label: 'TFC Label', 'Saira Condensed', 'Arial Narrow', sans-serif;
  --tfc-tile: 8px;
  /* bezel corners and screen scanlines */
  --tfc-px: inset(0 round 4px);
  --tfc-px-sm: inset(0 round 3px);
  --tfc-scan: repeating-linear-gradient(0deg, rgba(60, 255, 139, .035) 0 1px, transparent 1px 3px);
}
::selection { background: var(--tfc-lcd-1); color: #fff; }
:focus-visible { outline: 2px solid var(--tfc-orange); outline-offset: 2px; }
:root[data-theme="light"] {
  color-scheme: light;
  --tfc-shell: #CDD3D8; --tfc-shell-rgb: 205, 211, 216;
  --tfc-shell-light: #E1E5E8; --tfc-shell-hi: #EEF1F3; --tfc-shell-shadow: #A3ADB5; --tfc-shell-xlo: #8792A0;
  --tfc-ink: #10161C; --tfc-muted: #45525E; --tfc-faint: #66727E; --tfc-tint: 16, 22, 28;
  --tfc-accent: #0A7A3C; --tfc-bad: #C0281A; --tfc-ok: #0A7A3C; --tfc-key: #26303A;
  --tfc-act-soft: #F7E2B0; --tfc-bad-soft: #F5CFC9;
  --tfc-dots: linear-gradient(rgba(16, 22, 28, .05) 1px, transparent 1px) 0 0 / 100% 64px;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
  --tfc-shell: #CDD3D8; --tfc-shell-rgb: 205, 211, 216;
  --tfc-shell-light: #E1E5E8; --tfc-shell-hi: #EEF1F3; --tfc-shell-shadow: #A3ADB5; --tfc-shell-xlo: #8792A0;
  --tfc-ink: #10161C; --tfc-muted: #45525E; --tfc-faint: #66727E; --tfc-tint: 16, 22, 28;
  --tfc-accent: #0A7A3C; --tfc-bad: #C0281A; --tfc-ok: #0A7A3C; --tfc-key: #26303A;
  --tfc-act-soft: #F7E2B0; --tfc-bad-soft: #F5CFC9;
  --tfc-dots: linear-gradient(rgba(16, 22, 28, .05) 1px, transparent 1px) 0 0 / 100% 64px;
  }
}
/* Anything drawn as a screen (MFD glass) keeps green-on-glass ink in both themes. */
.scr-body, .tfc-screen, .rx-stats div, .rx-tile, .rx-statgrid div, .rx-cimg, .rdx-card.unseen .rdx-img, .tag {
  --tfc-ink: #3CFF8B; --tfc-muted: #8FB8A1; --tfc-faint: #4F8A68; --tfc-tint: 60, 255, 139; --tfc-accent: #FFB020; --tfc-bad: #FF6B5B; --tfc-ok: #3CFF8B; --tfc-key: #1F9E5A;
  /* derived names in fly.css / rdx.css are computed at :root, so screens restate them */
  --text: #3CFF8B; --ink: #3CFF8B; --muted: #8FB8A1; --line: rgba(60, 255, 139, 0.3); --amber: #FFB020; --good: #3CFF8B;
  --shell-hi: #05090C; --shell-light: #05090C; --panel: #05090C; --panel2: #0E1A14; color: #3CFF8B;
}
.theme-toggle { min-width: 0; }

/* Pad-Quad logo v1.0 (final, 1 Nov 2026, kept for brand v2.0): one colour (HUD green on night panels, deep green on day),
   drawn with currentColor through a mask so it follows the theme.
   Never rotate, never two colours, whole-pixel scaling (17 px grid → 34/51/68 px), 16 px minimum (micro mark). */
.logo-mark, .ed-brand::before, .rx-brand::before { display: inline-block; flex: none; width: 51px; height: 51px; background: currentColor;
  -webkit-mask: url(../assets/brand/tweakfc-mark-current.svg) center / contain no-repeat; mask: url(../assets/brand/tweakfc-mark-current.svg) center / contain no-repeat; }
.ed-brand::before, .rx-brand::before { content: ''; width: 17px; height: 17px; margin-right: 8px; vertical-align: -3px;
  -webkit-mask-image: url(../assets/brand/tweakfc-mark-micro-current.svg); mask-image: url(../assets/brand/tweakfc-mark-micro-current.svg); }
/* the lockup is one colour */
.wordmark span, .rx-brand span, .ed-brand span { color: inherit !important; }