/*
 * Mission Control: a 1970s flight manual. Cream paper and black ink in light
 * mode, a near-black "night" sheet in dark mode, signal orange for primary
 * actions. Archivo set wide and heavy for headings and labels, JetBrains Mono
 * for column heads; 2px rules, square boxes, an orange-and-ink stripe across
 * the top of the navbar, a solid ink footer. Fonts are loaded by
 * themes/theme-boot.js from the registry entry.
 *
 * Token values first (light, then night), then decoration.
 */

html[data-fw-theme="missioncontrol"] {
    --fw-bg: #f1ede3;
    --fw-surface: #f8f5ee;
    --fw-surface-2: #e8e2d3;
    --fw-text: #16171a;
    --fw-muted: #5b5750;
    --fw-border: #c9c2b2;
    --fw-border-strong: #16171a;
    --fw-border-width: 2px;
    --fw-accent: #b8400c;
    --fw-on-accent: #ffffff;
    --fw-accent-2: #16171a;
    --fw-on-accent-2: #f1ede3;
    --fw-link: #9e3609;
    --fw-link-hover: #16171a;
    --fw-focus: rgba(184, 64, 12, 0.35);
    --fw-positive: #2e6b47;
    --fw-negative: #b3261e;
    --fw-warning: #e0a32a;
    --fw-info: #1f55c7;
    --fw-on-status: #ffffff;
    --fw-on-warning: #16171a;
    --fw-nav-bg: #f1ede3;
    --fw-nav-text: #16171a;
    --fw-footer-bg: #16171a;
    --fw-footer-text: #e2ddd0;
    --fw-input-bg: #fffdf8;
    --fw-code-bg: #e8e2d3;
    --fw-row-stripe: rgba(22, 23, 26, 0.035);
    --fw-row-hover: rgba(184, 64, 12, 0.08);
    --fw-radius-sm: 0px;
    --fw-radius-md: 0px;
    --fw-radius-lg: 0px;
    --fw-radius-pill: 0px;
    --fw-font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --fw-font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --fw-font-mono: "JetBrains Mono", Menlo, Consolas, monospace;
    --fw-sec-high: #a9d4b0;
    --fw-sec-low: #f2c06b;
    --fw-sec-null: #f0a08a;
    --fw-on-sec: #16171a;
    --fw-status-good: #a9d4b0;
    --fw-status-ok: #f2d36b;
    --fw-status-bad: #f0a08a;
    --fw-status-hover: #ddd5c2;
    --fw-on-status-cell: #16171a;
    --fw-group-row: #e4ddcc;
    --fw-shadow-raised: 3px 3px 0 #16171a;
    --mc-stripe: #b8400c;
}

html[data-fw-theme="missioncontrol"][data-theme="dark"] {
    --fw-bg: #141517;
    --fw-surface: #1c1d20;
    --fw-surface-2: #26282c;
    --fw-text: #ece7da;
    --fw-muted: #a7a296;
    --fw-border: #3a3b3e;
    --fw-border-strong: #ece7da;
    --fw-on-accent: #ffffff;
    --fw-accent-2: #ece7da;
    --fw-on-accent-2: #141517;
    --fw-link: #ff8a4c;
    --fw-link-hover: #ece7da;
    --fw-focus: rgba(255, 138, 76, 0.4);
    --fw-positive: #6fcf97;
    --fw-negative: #ff7a70;
    --fw-warning: #f2c24a;
    --fw-info: #7aa7ff;
    --fw-on-status: #141517;
    --fw-on-warning: #141517;
    --fw-nav-bg: #141517;
    --fw-nav-text: #ece7da;
    --fw-footer-bg: #0c0d0e;
    --fw-footer-text: #bfb9ab;
    --fw-input-bg: #1c1d20;
    --fw-code-bg: #1c1d20;
    --fw-row-stripe: rgba(236, 231, 218, 0.04);
    --fw-row-hover: rgba(255, 138, 76, 0.10);
    --fw-sec-high: #2f6b45;
    --fw-sec-low: #7f5a1c;
    --fw-sec-null: #8a3a24;
    --fw-on-sec: #ece7da;
    --fw-status-good: #2f6b45;
    --fw-status-ok: #7a6418;
    --fw-status-bad: #8a3a24;
    --fw-status-hover: #34363a;
    --fw-on-status-cell: #ece7da;
    --fw-group-row: #26282c;
    --fw-shadow-raised: 3px 3px 0 #000000;
}

/* ---- Decoration ---- */

html[data-fw-theme="missioncontrol"] body { font-size: 15px; }

/* Headings: wide, heavy, uppercase */
html[data-fw-theme="missioncontrol"] h1,
html[data-fw-theme="missioncontrol"] h2,
html[data-fw-theme="missioncontrol"] h3 {
    font-weight: 900;
    font-stretch: 125%;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    line-height: 1;
}
html[data-fw-theme="missioncontrol"] h4,
html[data-fw-theme="missioncontrol"] h5,
html[data-fw-theme="missioncontrol"] h6 {
    font-weight: 800;
    font-stretch: 112%;
    text-transform: uppercase;
}

/* Navbar: signal stripe (10px orange, 3px gap, 3px ink) above a ruled bar.
   Drawn as backgrounds because Bootstrap's clearfix owns .navbar::before. */
html[data-fw-theme="missioncontrol"] #topnavbar {
    border: 0;
    border-bottom: 2px solid var(--fw-border-strong);
    margin-bottom: 28px;
    padding-top: 16px;
    background-image:
        linear-gradient(var(--mc-stripe), var(--mc-stripe)),
        linear-gradient(var(--fw-border-strong), var(--fw-border-strong));
    background-size: 100% 10px, 100% 3px;
    background-position: 0 0, 0 13px;
    background-repeat: no-repeat;
}
html[data-fw-theme="missioncontrol"] #topnavbar .navbar-brand {
    font-weight: 900;
    font-stretch: 125%;
    font-size: 19px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
/* Normal width (not expanded) so the uppercase labels still fit on one row
   with the theme toggle and login at desktop widths. */
html[data-fw-theme="missioncontrol"] #topnavbar .navbar-nav > li > a {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    padding-left: 12px;
    padding-right: 12px;
    border-left: 1px solid var(--fw-border);
}
/* Hover/open inverts to ink, as on a printed index tab */
html[data-fw-theme="missioncontrol"] .navbar-inverse .navbar-nav > li > a:hover,
html[data-fw-theme="missioncontrol"] .navbar-inverse .navbar-nav > li > a:focus,
html[data-fw-theme="missioncontrol"] .navbar-inverse .navbar-nav > .open > a,
html[data-fw-theme="missioncontrol"] .navbar-inverse .navbar-nav > .open > a:hover,
html[data-fw-theme="missioncontrol"] .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: var(--fw-text);
    color: var(--fw-bg);
}
@media (max-width: 767px) {
    html[data-fw-theme="missioncontrol"] #topnavbar .navbar-nav > li > a { border-left: 0; }
}

/* Panels: ink-ruled boxes with heavy uppercase headings */
html[data-fw-theme="missioncontrol"] .panel { box-shadow: none; }
html[data-fw-theme="missioncontrol"] .panel > .panel-heading {
    border-bottom: 2px solid var(--fw-border-strong);
}
html[data-fw-theme="missioncontrol"] .panel-title,
html[data-fw-theme="missioncontrol"] .panel > .panel-heading {
    font-weight: 800;
    font-stretch: 112%;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
html[data-fw-theme="missioncontrol"] .panel-title a { text-decoration: none; }

/* Controls: square, bold uppercase; default buttons invert to ink on hover */
html[data-fw-theme="missioncontrol"] .btn,
html[data-fw-theme="missioncontrol"] :where(button:not(.navbar-toggle, .close)),
html[data-fw-theme="missioncontrol"] :where(input[type="button"], input[type="submit"], input[type="reset"]) {
    font-weight: 800;
    font-stretch: 112%;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
html[data-fw-theme="missioncontrol"] .btn-default:hover,
html[data-fw-theme="missioncontrol"] .btn-default:focus {
    background-color: var(--fw-text);
    border-color: var(--fw-text);
    color: var(--fw-bg);
}

/* Tables: mono column heads over a heavy ink rule. (Not solid ink fills:
   tablesorter and DataTables draw dark sort arrows as images.) */
html[data-fw-theme="missioncontrol"] .table > thead > tr > th,
html[data-fw-theme="missioncontrol"] table.dataTable thead th,
html[data-fw-theme="missioncontrol"] .fw-grid thead th {
    font-family: var(--fw-font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
html[data-fw-theme="missioncontrol"] .table > thead > tr > th,
html[data-fw-theme="missioncontrol"] table.dataTable thead th { border-bottom: 2px solid var(--fw-border-strong); }
html[data-fw-theme="missioncontrol"] .fw-grid .fw-group-row {
    font-weight: 900;
    font-stretch: 112%;
    font-size: 14px;
    text-transform: uppercase;
}

/* Labels and badges: square, heavy */
html[data-fw-theme="missioncontrol"] .label,
html[data-fw-theme="missioncontrol"] .badge { border-radius: 0; font-weight: 800; font-stretch: 112%; text-transform: uppercase; }