/* InteractCMS tenant theme — generated from tenant_settings */
:root {
    /* Project / published website */
    --brand-primary: #4f46e5;
    --brand-secondary: #7c3aed;
    --brand-accent: #10b981;
    --brand-text: #111827;
    --brand-muted: #64748b;
    --brand-bg: #ffffff;
    --brand-surface: #f8fafc;
    --brand-border: #e5e7eb;
    --brand-link: #4f46e5;
    --font-heading: Inter, sans-serif;
    --font-body: Inter, sans-serif;
    --radius: 8px;
    --cms-site-logo-width: 180px;
    --cms-site-logo-height: 44px;

    --icms-global-color-primary: #4f46e5;
    --icms-global-color-secondary: #7c3aed;
    --icms-global-color-text: #111827;
    --icms-global-color-accent: #10b981;
    --icms-global-color-link: #4f46e5;
    --icms-global-color-background: #ffffff;
    --icms-global-color-surface: #f8fafc;
    --icms-global-color-muted: #64748b;
    --icms-global-color-border: #e5e7eb;
    --icms-global-typography-primary-font-family: Inter, sans-serif;
    --icms-global-typography-primary-font-weight: 700;
    --icms-global-typography-primary-font-size: 48px;
    --icms-global-typography-primary-line-height: 1.1;
    --icms-global-typography-primary-letter-spacing: -1px;
    --icms-global-typography-primary-text-transform: none;
    --icms-global-typography-primary-font-style: normal;
    --icms-global-typography-secondary-font-family: Inter, sans-serif;
    --icms-global-typography-secondary-font-weight: 600;
    --icms-global-typography-secondary-font-size: 32px;
    --icms-global-typography-secondary-line-height: 1.2;
    --icms-global-typography-secondary-letter-spacing: 0px;
    --icms-global-typography-secondary-text-transform: none;
    --icms-global-typography-secondary-font-style: normal;
    --icms-global-typography-text-font-family: Inter, sans-serif;
    --icms-global-typography-text-font-weight: 400;
    --icms-global-typography-text-font-size: 16px;
    --icms-global-typography-text-line-height: 1.6;
    --icms-global-typography-text-letter-spacing: 0px;
    --icms-global-typography-text-text-transform: none;
    --icms-global-typography-text-font-style: normal;
    --icms-global-typography-accent-font-family: Inter, sans-serif;
    --icms-global-typography-accent-font-weight: 600;
    --icms-global-typography-accent-font-size: 14px;
    --icms-global-typography-accent-line-height: 1.2;
    --icms-global-typography-accent-letter-spacing: 0.5px;
    --icms-global-typography-accent-text-transform: uppercase;
    --icms-global-typography-accent-font-style: normal;

    /* Tenant workspace / backend / builder */
    --cms-ui-bg: #f6f8fc;
    --cms-ui-surface: #ffffff;
    --cms-ui-surface-2: #f8fafc;
    --cms-ui-sidebar: #ffffff;
    --cms-ui-toolbar: #ffffff;
    --cms-ui-text: #0f172a;
    --cms-ui-muted: #64748b;
    --cms-ui-border: #e4eaf3;
    --cms-ui-accent: #4f46e5;
    --cms-ui-accent-text: #ffffff;
    --cms-builder-canvas-bg: #f3f6fb;
    --cms-builder-frame-bg: #ffffff;
    --cms-builder-density: comfortable;
    --cms-admin-radius: 8px;
    --cms-admin-shadow: 0 18px 40px rgba(15, 23, 42, .08);
    --cms-workspace-logo-width: 160px;
    --cms-workspace-logo-height: 38px;
}

html, body {
    font-family: var(--font-body);
}

body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) {
    color: var(--brand-text);
    background-color: var(--brand-bg);
}

body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) h1,
body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) h2,
body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) h3,
body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) h4,
body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) h5,
body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) h6 {
    font-family: var(--font-heading);
}

body:not(.editor-body):not(.interactcms-admin):not(.auth-themed) a {
    color: var(--brand-link);
}

.cms-brand-button,
button.cms-brand-button,
a.cms-brand-button {
    background: var(--brand-primary);
    color: #fff;
    border-radius: var(--radius);
}

.cms-brand-surface {
    background: var(--brand-surface);
    color: var(--brand-text);
    border: 1px solid var(--brand-border);
    border-radius: var(--radius);
}

body.interactcms-admin,
body.auth-themed,
body.editor-body {
    background: var(--cms-ui-bg);
    color: var(--cms-ui-text);
}

.interactcms-admin .nav,
.auth-themed .auth-card,
.interactcms-admin .card,
.interactcms-admin .stat-card {
    background: var(--cms-ui-surface);
    color: var(--cms-ui-text);
    border-color: var(--cms-ui-border);
}

.interactcms-admin .btn-primary,
.interactcms-admin .btn-submit,
.auth-themed .btn-submit {
    background: var(--cms-ui-accent);
    color: var(--cms-ui-accent-text);
}