:root {
    --stambio-navy: #031424;
    --stambio-navy-deep: #020d17;
    --stambio-surface: #0b1f2f;
    --stambio-surface-raised: #102839;
    --stambio-green: #13b8b0;
    --stambio-green-rgb: 19, 184, 176;
}

/* Shared platform canvas: every public landing page belongs to the same family. */
body.stambio-demo-page,
body.product-demo,
body.root-landing-page {
    background-color: var(--stambio-navy);
}

body.root-landing-page {
    --ink: var(--stambio-navy);
    --panel: var(--stambio-surface);
    --mint: var(--stambio-green);
    background:
        radial-gradient(circle at 88% 24%, rgba(var(--stambio-green-rgb), .10), transparent 34%),
        linear-gradient(180deg, var(--stambio-navy-deep) 0%, var(--stambio-navy) 38%, var(--stambio-navy-deep) 100%);
}

body.product-demo {
    background:
        radial-gradient(circle at 88% 25%, rgba(var(--accent-rgb), .075), transparent 34%),
        linear-gradient(180deg, var(--stambio-navy-deep) 0%, var(--stambio-navy) 42%, var(--stambio-navy-deep) 100%);
}

body.product-demo .demo-screen,
body.product-demo .feature-grid article {
    background-color: var(--stambio-surface);
}

body.product-demo .screen-metrics div,
body.product-demo .screen-chart {
    background-color: rgba(2, 13, 23, .82);
}

/* Common positive/platform status always uses the Stambio green. */
.root-landing-page .mini-logo,
.root-landing-page .metric .up,
.root-landing-page .chart-card b,
.root-landing-page .proof i {
    color: var(--stambio-green);
}