/* JT Cloud palette approved by Sam, 29 October 2026. See Docs/UiColourPalette.md. */
:root {
    --jt-deep-navy: #1E3A5F;
    --jt-steel-blue: #4B86B8;
    --jt-action-blue: #5F96C4;
    --jt-dark-navy: #1A355B;
    --jt-canvas: #EEF2F6;
    --jt-panel: #FFFFFF;
    --jt-input: #FAFAFA;
    --jt-border: #DCDCDC;
    --jt-ink: #17212B;
    --jt-muted: #4A5661;
    --jt-rail-ink: #0D1824;
    --jt-success-bg: #E8F5E9;
    --jt-success-accent: #4CAF50;
    --jt-success-text: #256B32;
    --jt-info-bg: #E8F2FA;
    --jt-info-accent: #4B86B8;
    --jt-info-text: #245880;
    --jt-warning-bg: #FFF4D6;
    --jt-warning-accent: #E5A023;
    --jt-warning-text: #805513;
    --jt-error-bg: #FCE8E8;
    --jt-error-accent: #D94A4A;
    --jt-error-text: #A32D2D;
    --jt-critical-bg: #F9DEDE;
    --jt-critical-accent: #B42332;
    --jt-critical-text: #8D1C29;
}

/* Opt in per view, including its native top-layer dialogs. Other views retain their styling. */
.jt-themed {
    --dialog-background: var(--jt-panel);
    --dialog-ink: var(--jt-ink);
    --dialog-border: var(--jt-border);
    --dialog-heading: var(--jt-deep-navy);
    --dialog-control: var(--jt-input);
    --dialog-primary: var(--jt-action-blue);
    --dialog-primary-ink: var(--jt-ink);
    --dialog-focus: var(--jt-dark-navy);
    accent-color: var(--jt-deep-navy);
}

/* Opt-in notification classes: include descriptive text and an appropriate role in markup. */
.jt-notice { padding:12px 16px; border:0; border-left:5px solid; border-radius:8px; }
.jt-notice--success { background:var(--jt-success-bg); color:var(--jt-success-text); border-color:var(--jt-success-accent); }
.jt-notice--info { background:var(--jt-info-bg); color:var(--jt-info-text); border-color:var(--jt-info-accent); }
.jt-notice--warning { background:var(--jt-warning-bg); color:var(--jt-warning-text); border-color:var(--jt-warning-accent); }
.jt-notice--error { background:var(--jt-error-bg); color:var(--jt-error-text); border-color:var(--jt-error-accent); }
.jt-notice--critical { background:var(--jt-critical-bg); color:var(--jt-critical-text); border-color:var(--jt-critical-accent); }