/*
 * Orbit: 1960s Space Age. Cream, teal, mustard and coral; Righteous display
 * type over Jost; pill-shaped controls, uneven panel corners, curved footer.
 * Fonts are loaded by themes/theme-boot.js from the registry entry.
 *
 * Token values first (light, then dark), then Orbit-only decoration.
 */

html[data-fw-theme="orbit"] {
    --fw-bg: #f5ecd9;
    --fw-surface: #fbf6ea;
    --fw-surface-2: #efe4cc;
    --fw-text: #1d2b2e;
    --fw-muted: #4c5856;
    --fw-border: #d6c8a8;
    --fw-border-strong: #1d2b2e;
    --fw-border-width: 2px;
    --fw-accent: #1f6b66;
    --fw-on-accent: #fbf6ea;
    --fw-accent-2: #e8a93a;
    --fw-on-accent-2: #1d2b2e;
    --fw-link: #1f6b66;
    --fw-link-hover: #134b47;
    --fw-focus: rgba(31, 107, 102, 0.35);
    --fw-positive: #2e7d4f;
    --fw-negative: #b8401f;
    --fw-warning: #e8a93a;
    --fw-info: #2f6690;
    --fw-on-status: #ffffff;
    --fw-on-warning: #1d2b2e;
    --fw-nav-bg: #fbf6ea;
    --fw-nav-text: #1d2b2e;
    --fw-footer-bg: #1d2b2e;
    --fw-footer-text: #e8dfcb;
    --fw-input-bg: #fffdf7;
    --fw-code-bg: #efe4cc;
    --fw-row-stripe: rgba(29, 43, 46, 0.035);
    --fw-row-hover: rgba(31, 107, 102, 0.09);
    --fw-radius-sm: 10px;
    --fw-radius-md: 18px;
    --fw-radius-lg: 40px;
    --fw-radius-pill: 999px;
    --fw-font-body: "Jost", "Futura", "Century Gothic", sans-serif;
    --fw-font-display: "Righteous", "Jost", sans-serif;
    --fw-font-mono: "JetBrains Mono", Menlo, Consolas, monospace;
    --fw-sec-high: #9fd8a8;
    --fw-sec-low: #f0b45a;
    --fw-sec-null: #e98a73;
    --fw-on-sec: #1d2b2e;
    --fw-group-row: #e6d8b8;
    --fw-shadow-raised: 0 4px 0 #1d2b2e;
    --fw-status-good: #9fd8a8;
    --fw-status-ok: #f2cf63;
    --fw-status-bad: #e98a73;
    --fw-status-hover: #d6c8a8;
    --fw-on-status-cell: #1d2b2e;
}

html[data-fw-theme="orbit"][data-theme="dark"] {
    --fw-bg: #10272a;
    --fw-surface: #173438;
    --fw-surface-2: #1e4045;
    --fw-text: #f3ead6;
    --fw-muted: #bcc8c1;
    --fw-border: #34575b;
    --fw-border-strong: #f3ead6;
    --fw-accent: #74d0c5;
    --fw-on-accent: #10272a;
    --fw-link: #74d0c5;
    --fw-link-hover: #a6e6dd;
    --fw-focus: rgba(116, 208, 197, 0.35);
    --fw-positive: #6fcf97;
    --fw-negative: #ff8a6a;
    --fw-info: #7fb6e0;
    --fw-on-status: #10272a;
    --fw-nav-bg: #173438;
    --fw-nav-text: #f3ead6;
    --fw-footer-bg: #0b1d1f;
    --fw-footer-text: #c4bba8;
    --fw-input-bg: #10272a;
    --fw-code-bg: #0b1d1f;
    --fw-row-stripe: rgba(243, 234, 214, 0.03);
    --fw-row-hover: rgba(116, 208, 197, 0.09);
    --fw-sec-high: #2e6b47;
    --fw-sec-low: #8a5a1c;
    --fw-sec-null: #8c3524;
    --fw-on-sec: #f3ead6;
    --fw-group-row: #24484d;
    --fw-shadow-raised: 0 4px 0 #0b1d1f;
    --fw-status-good: #2e6b47;
    --fw-status-ok: #7d6418;
    --fw-status-bad: #8c3524;
    --fw-status-hover: #34575b;
    --fw-on-status-cell: #f3ead6;
}

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

html[data-fw-theme="orbit"] body { font-size: 15px; }
html[data-fw-theme="orbit"] h1,
html[data-fw-theme="orbit"] h2,
html[data-fw-theme="orbit"] h3,
html[data-fw-theme="orbit"] .navbar-brand,
html[data-fw-theme="orbit"] .panel-title { font-weight: 400; letter-spacing: 0.2px; }

/* Floating pill navbar: the bar itself goes transparent, its container becomes the pill */
html[data-fw-theme="orbit"] #topnavbar {
    background: transparent;
    border: 0;
    padding-top: 14px;
    margin-bottom: 24px;
}
html[data-fw-theme="orbit"] #topnavbar > .navbar-container {
    background-color: var(--fw-nav-bg);
    border: 2px solid var(--fw-border-strong);
    border-radius: var(--fw-radius-pill);
    padding-left: 10px;
    padding-right: 10px;
}
html[data-fw-theme="orbit"] #topnavbar .navbar-brand {
    font-family: var(--fw-font-display);
    font-size: 22px;
}
html[data-fw-theme="orbit"] #topnavbar .navbar-nav > li > a {
    border-radius: var(--fw-radius-pill);
    margin: 6px 2px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: 500;
}
@media (max-width: 767px) {
    html[data-fw-theme="orbit"] #topnavbar > .navbar-container { border-radius: 28px; }
}

/* Pill controls */
html[data-fw-theme="orbit"] .btn,
html[data-fw-theme="orbit"] .form-control,
html[data-fw-theme="orbit"] select,
html[data-fw-theme="orbit"] input[type="text"],
html[data-fw-theme="orbit"] input[type="number"],
html[data-fw-theme="orbit"] input[type="search"],
html[data-fw-theme="orbit"] .pagination > li:first-child > a,
html[data-fw-theme="orbit"] .label,
html[data-fw-theme="orbit"] .badge { border-radius: var(--fw-radius-pill); }
html[data-fw-theme="orbit"] textarea,
html[data-fw-theme="orbit"] textarea.form-control { border-radius: var(--fw-radius-md); }
html[data-fw-theme="orbit"] .btn { font-weight: 600; padding-left: 16px; padding-right: 16px; }
html[data-fw-theme="orbit"] .btn-default:hover,
html[data-fw-theme="orbit"] .btn-default:focus {
    background-color: var(--fw-accent-2);
    border-color: var(--fw-accent-2);
    color: var(--fw-on-accent-2);
}
html[data-fw-theme="orbit"] .input-group .form-control:first-child,
html[data-fw-theme="orbit"] .input-group-addon:first-child { border-radius: var(--fw-radius-pill) 0 0 var(--fw-radius-pill); }
html[data-fw-theme="orbit"] .input-group .form-control:last-child,
html[data-fw-theme="orbit"] .input-group-addon:last-child,
html[data-fw-theme="orbit"] .input-group-btn:last-child > .btn { border-radius: 0 var(--fw-radius-pill) var(--fw-radius-pill) 0; }

/* Uneven panel corners */
html[data-fw-theme="orbit"] .panel {
    border-radius: var(--fw-panel-radius) var(--fw-panel-radius) var(--fw-panel-radius) var(--fw-radius-sm);
}
html[data-fw-theme="orbit"] .panel > .panel-heading { padding-left: 22px; padding-right: 22px; }
html[data-fw-theme="orbit"] .dropdown-menu { padding: 8px; }
html[data-fw-theme="orbit"] .dropdown-menu > li > a { border-radius: var(--fw-radius-pill); }
html[data-fw-theme="orbit"] .alert { border-radius: var(--fw-radius-md); }
html[data-fw-theme="orbit"] .well,
html[data-fw-theme="orbit"] .jumbotron { border-radius: var(--fw-panel-radius); }

/* Table heads: small caps-style labels */
html[data-fw-theme="orbit"] .table > thead > tr > th,
html[data-fw-theme="orbit"] table.dataTable thead th {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--fw-muted);
}

/* Curved footer: a dome rises from the footer's top edge. #wrap gets extra
   bottom padding so the curve never covers page content. */
html[data-fw-theme="orbit"] #wrap { padding-bottom: 72px; }
html[data-fw-theme="orbit"] #footer { position: relative; }
html[data-fw-theme="orbit"] #footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -38px;
    height: 40px;
    background-color: var(--fw-footer-bg);
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    pointer-events: none;
}