/* Curated host-scoped palettes. Customer input selects only a data attribute key. */
body[data-company-theme="ocean"] {
    --ship-action: #075985;
    --ship-action-hover: #0c4a6e;
    --ship-on-action: #ffffff;
    --ship-link: #075985;
    --ship-selected: #075985;
    --ship-selected-muted: #e0f2fe;
    --ship-focus-ring: #075985;
    --ship-canvas: #ecfeff;
    --ship-canvas-top: #f0fdfa;
    --ship-canvas-bottom: #e0f2fe;
    --ship-surface: #ffffff;
    --ship-surface-elevated: #ffffff;
    --ship-surface-muted: #f0f9ff;
    --ship-control-fill: #e0f2fe;
    --ship-action-bar: #f0f9ff;
    --ship-border-subtle: #bae6fd;
    --ship-border-strong: #64748b;
    --ship-divider: #bae6fd;
    --ship-text-primary: #0c2233;
    --ship-text-secondary: #334155;
    --ship-text-tertiary: #526277;
}

body[data-company-theme="forest"] {
    --ship-action: #166534;
    --ship-action-hover: #14532d;
    --ship-on-action: #ffffff;
    --ship-link: #166534;
    --ship-selected: #166534;
    --ship-selected-muted: #dcfce7;
    --ship-focus-ring: #166534;
    --ship-canvas: #f0fdf4;
    --ship-canvas-top: #f7fee7;
    --ship-canvas-bottom: #ecfdf5;
    --ship-surface: #ffffff;
    --ship-surface-elevated: #ffffff;
    --ship-surface-muted: #f0fdf4;
    --ship-control-fill: #dcfce7;
    --ship-action-bar: #f0fdf4;
    --ship-border-subtle: #bbf7d0;
    --ship-border-strong: #64748b;
    --ship-divider: #bbf7d0;
    --ship-text-primary: #10251a;
    --ship-text-secondary: #344b3d;
    --ship-text-tertiary: #52695c;
}

body[data-company-theme="plum"] {
    --ship-action: #6b21a8;
    --ship-action-hover: #581c87;
    --ship-on-action: #ffffff;
    --ship-link: #6b21a8;
    --ship-selected: #6b21a8;
    --ship-selected-muted: #f3e8ff;
    --ship-focus-ring: #6b21a8;
    --ship-canvas: #faf5ff;
    --ship-canvas-top: #fdf4ff;
    --ship-canvas-bottom: #f5f3ff;
    --ship-surface: #ffffff;
    --ship-surface-elevated: #ffffff;
    --ship-surface-muted: #faf5ff;
    --ship-control-fill: #f3e8ff;
    --ship-action-bar: #faf5ff;
    --ship-border-subtle: #e9d5ff;
    --ship-border-strong: #756987;
    --ship-divider: #e9d5ff;
    --ship-text-primary: #24132f;
    --ship-text-secondary: #4b3a57;
    --ship-text-tertiary: #675673;
}

.custom-domain-recovery {
    position: relative;
    z-index: 20;
}

.custom-brand-logo {
    display: block;
    object-fit: contain;
}