/* 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;

    /* 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);
}

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);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

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);
}