/* Fixed light/teal semantic values used by the modern application shell. */
:root {
    color-scheme: light;
    --cw-ui-primary: #278f86;
    --cw-ui-primary-strong: #20776f;
    --cw-ui-primary-soft: #e7f5f2;
    --cw-ui-primary-border-soft: rgba(39, 143, 134, .16);
    --cw-ui-primary-border-hover: rgba(39, 143, 134, .38);
    --cw-ui-primary-focus: rgba(39, 143, 134, .7);
    --cw-ui-primary-ring: rgba(39, 143, 134, .1);
    --cw-ui-primary-shadow: rgba(39, 143, 134, .2);
    --cw-ui-accent: #347fa9;
    --cw-ui-accent-soft: #eaf3f8;
    --cw-ui-purple: #7c6bb1;
    --cw-ui-danger: #cf5964;
    --cw-ui-danger-soft: #fbecef;
    --cw-ui-warning: #d49332;
    --cw-ui-warning-soft: #fff5e5;
    --cw-ui-success: #2e9875;
    --cw-ui-success-soft: #e8f6f0;
    --cw-ui-canvas: #f5f7fa;
    --cw-ui-page-bg: #f5f7fa;
    --cw-ui-surface: #fff;
    --cw-ui-surface-translucent: rgba(255, 255, 255, .76);
    --cw-ui-surface-muted: #f8fafc;
    --cw-ui-surface-raised: #fff;
    --cw-ui-border: #dfe7ed;
    --cw-ui-border-strong: #cedae3;
    --cw-ui-heading: #263d52;
    --cw-ui-text: #43576a;
    --cw-ui-control-label: #526779;
    --cw-ui-button-muted: #53687a;
    --cw-ui-muted: #7c8d9d;
    --cw-ui-on-primary: #fff;
    --cw-ui-on-primary-muted: rgba(255, 255, 255, .78);
    --cw-ui-on-primary-divider: rgba(255, 255, 255, .14);
    --cw-ui-overlay: rgba(12, 25, 36, .56);
    --cw-ui-table-head-start: #397d88;
    --cw-ui-table-head-end: #2e6d79;
    --cw-ui-table-border: #e7edf1;
    --cw-ui-table-row-alt: #fbfcfd;
    --cw-ui-table-row-hover: #f0f7f7;
    --cw-ui-info-border: #d8e9f2;
    --cw-ui-info-text: #477186;
    --cw-ui-info-soft: #eef7fb;
    --cw-ui-warning-border: #f1dfbd;
    --cw-ui-warning-text: #8d682e;
    --cw-ui-danger-border: #f0ced3;
    --cw-ui-danger-text: #9b4851;
    --cw-ui-success-border: #cae7da;
    --cw-ui-success-text: #287a60;
    --cw-ui-console-header-start: #22384c;
    --cw-ui-console-header-end: #2e6170;
    --cw-ui-console-bg: #17212b;
    --cw-ui-console-text: #d7e2ea;
    --cw-ui-hero-start: #263f5f;
    --cw-ui-hero-mid: #2d617b;
    --cw-ui-hero-end: #2f9684;
    --cw-ui-shell-header: #182838;
    --cw-ui-shell-sidebar: #203246;
    --cw-ui-shell-sidebar-alt: #293e53;
    --cw-ui-shell-hover: #2c4259;
    --cw-ui-shell-text: #adbac8;
    --cw-ui-shell-text-strong: #fff;
    --cw-ui-shell-control: rgba(255, 255, 255, .08);
    --cw-ui-shell-control-hover: rgba(255, 255, 255, .18);
    --cw-ui-shell-control-border: rgba(255, 255, 255, .12);
    --cw-ui-shell-control-border-hover: rgba(255, 255, 255, .25);
    --cw-ui-shell-muted: rgba(255, 255, 255, .65);
    --cw-ui-shell-faint: rgba(255, 255, 255, .35);
    --cw-ui-shell-info: #5aa9d1;
    --cw-ui-shell-info-soft: rgba(90, 169, 209, .25);
    --cw-ui-shell-warning: #f0a449;
    --cw-ui-shell-warning-soft: rgba(240, 164, 73, .25);
    --cw-ui-shell-success: #4fc1a9;
    --cw-ui-shell-success-soft: rgba(79, 193, 169, .25);
    --cw-ui-shell-purple: #a28adf;
    --cw-ui-shell-purple-soft: rgba(162, 138, 223, .25);
    --cw-ui-shell-danger: #ef7580;
    --cw-ui-shell-danger-soft: rgba(239, 117, 128, .25);
    --cw-ui-shadow-sm: 0 4px 14px rgba(31, 54, 72, .055);
    --cw-ui-shadow-md: 0 10px 28px rgba(31, 54, 72, .09);
    --cw-ui-shadow-hover: 0 5px 12px rgba(31, 54, 72, .12);
    --cw-ui-shadow-modal: 0 20px 55px rgba(20, 39, 54, .24);
    --cw-ui-radius-sm: 7px;
    --cw-ui-radius-md: 11px;
    --cw-ui-radius-lg: 14px;

    --auth-primary: var(--cw-ui-primary);
    --auth-primary-dark: var(--cw-ui-primary-strong);
    --auth-primary-soft: var(--cw-ui-primary-soft);
    --auth-accent: var(--cw-ui-accent);
    --auth-navy: var(--cw-ui-shell-sidebar);
    --auth-navy-light: var(--cw-ui-shell-hover);
    --auth-canvas: var(--cw-ui-canvas);
    --auth-surface: var(--cw-ui-surface);
    --auth-heading: var(--cw-ui-heading);
    --auth-text: var(--cw-ui-text);
    --auth-muted: var(--cw-ui-muted);
    --auth-border: var(--cw-ui-border);
    --auth-danger: var(--cw-ui-danger);
    --auth-danger-soft: var(--cw-ui-danger-soft);
    --auth-shadow: var(--cw-ui-shadow-modal);
}
