/* Shared SGOone identity: public website, account entry and authenticated workspace. */
:root {
    --brand-navy: #122e42;
    --brand-teal: #087e83;
    --brand-teal-dark: #066469;
    --brand-emerald: #26806a;
    --brand-mint: #9be0c4;
    --brand-ink: #233e50;
    --brand-muted: #536b79;
    --brand-white: #fff;
    --brand-tint: #f1f8f8;
    --brand-blue: #eaf3f8;
    --brand-line: #dce8e9;
    --brand-focus: #a05c0b;
    --brand-focus-ring: rgb(8 126 131 / 18%);
    --brand-shadow-color: rgb(18 46 66 / 6%);
    --brand-shadow: 0 12px 40px var(--brand-shadow-color);
    --brand-overlay: rgb(18 46 66 / 18%);
    --brand-radius: 18px;
    --brand-font: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --status-success-bg: #e9f6f1;
    --status-warning: #805c18;
    --status-warning-bg: #fff7e4;
    --status-warning-line: #e8d8ad;
    --status-danger: #a3422f;
    --status-danger-bg: #fff1ec;
    --status-danger-line: #ebc8be;
}

/* Render supplied artwork intact; never redraw, stretch or crop the logo. */
.sgo-logo { display: block; object-fit: contain; flex-shrink: 0; height: auto; }
.sgo-logo--main { width: 76px; }
.sgo-logo--app { width: 60px; }
.platform-hub .sgo-logo--main { width: 116px; }
.public-header .sgo-logo--main { width: 88px; }
@media (max-width: 700px) {
    .sgo-logo--main { width: 64px; }
    .public-header .sgo-logo--main { width: 72px; }
}