/* HobbyEdge approved theme tokens. Shared by public pages and authenticated workspace components.
 * Source: reviewed homepage palettes through commit 62ee766.
 * User appearance choice uses data-he-theme on <html>; storefront branding is separate.
 * Keep readable text accents separate from filled-action colors.
 */

/* Azure — default; charcoal with clear blue actions. */
:root,
:root[data-he-theme="azure"] {
    color-scheme: dark;
    --he-theme-page: #111416;
    --he-theme-surface: #1d2227;
    --he-theme-text: #f2f5f7;
    --he-theme-text-muted: #b2bfc8;
    --he-theme-accent: #3398d8;
    --he-theme-accent-hover: #67b8eb;
    --he-theme-on-accent: #101c25;
    --he-theme-secondary: #a4bfd0;
    --he-theme-border: #3b4852;
    --he-theme-highlight-surface: #192b36;
    --he-theme-highlight-border: #456d85;
    --he-theme-action: #0069ad;
    --he-theme-action-hover: #005387;
    --he-theme-on-action: #ffffff;
}

/* Porcelain — light; white with clear blue actions. */
:root[data-he-theme="porcelain"] {
    color-scheme: light;
    --he-theme-page: #f2f7fa;
    --he-theme-surface: #ffffff;
    --he-theme-text: #172936;
    --he-theme-text-muted: #506271;
    --he-theme-accent: #0069ad;
    --he-theme-accent-hover: #005387;
    --he-theme-on-accent: #ffffff;
    --he-theme-secondary: #45687e;
    --he-theme-border: #c9d9e2;
    --he-theme-highlight-surface: #e6f2fa;
    --he-theme-highlight-border: #9bbdd4;
    --he-theme-action: #0069ad;
    --he-theme-action-hover: #005387;
    --he-theme-on-action: #ffffff;
}

/* Steel — dark; carbon, silver and subtle copper. */
:root[data-he-theme="steel"] {
    color-scheme: dark;
    --he-theme-page: #131416;
    --he-theme-surface: #202226;
    --he-theme-text: #f3f4f5;
    --he-theme-text-muted: #b7bcc4;
    --he-theme-accent: #becbd8;
    --he-theme-accent-hover: #dde5ec;
    --he-theme-on-accent: #18212a;
    --he-theme-secondary: #d1a58b;
    --he-theme-border: #40464e;
    --he-theme-highlight-surface: #242c34;
    --he-theme-highlight-border: #627181;
    --he-theme-action: #becbd8;
    --he-theme-action-hover: #dde5ec;
    --he-theme-on-action: #18212a;
}

/* Shared status and chart roles. Text pairs remain readable in light and dark themes. */
:root {
    --he-theme-success:#a5e3bd; --he-theme-success-surface:#173627; --he-theme-success-border:#4a9365;
    --he-theme-warning:#f0d393; --he-theme-warning-surface:#382e18; --he-theme-warning-border:#a08239;
    --he-theme-danger:#ffb9bf; --he-theme-danger-surface:#3c222a; --he-theme-danger-border:#b86b78;
    --he-chart-1:#63b3e7; --he-chart-2:#e6bb7c; --he-chart-3:#b5a2ea; --he-chart-4:#76cfb0;
}
:root[data-he-theme="porcelain"] {
    --he-theme-success:#225c3c; --he-theme-success-surface:#e7f3eb; --he-theme-success-border:#719d81;
    --he-theme-warning:#735018; --he-theme-warning-surface:#fbf1da; --he-theme-warning-border:#aa8c50;
    --he-theme-danger:#8c2e3f; --he-theme-danger-surface:#fbe9ec; --he-theme-danger-border:#bc7885;
    --he-chart-1:#0069ad; --he-chart-2:#96601d; --he-chart-3:#7050ae; --he-chart-4:#237258;
}