/* SparkHub360 generated theme.
 * Source: validated Branding settings.
 * Do not edit this file manually; use the admin settings screen.
 */
:root {
    --color-primary-50: #edf1fa;
    --color-primary-100: #dbe3f5;
    --color-primary-200: #b0c3e9;
    --color-primary-600: #254483;
    --color-primary-700: #1f396e;
    --color-primary-800: #1b315f;
    --color-primary-900: #132344;
    --color-secondary-600: #4338ca;
    --color-secondary-700: #372eab;
    --color-accent-50: #f5f5fe;
    --color-accent-100: #e5e5fc;
    --color-accent-500: #5b5ceb;
    --color-accent-600: #4445e8;
    --color-accent-700: #2122e4;
    --color-success-50: #e9fbf2;
    --color-success-100: #c6f5df;
    --color-success-600: #157347;
    --color-warning-50: #fff7f1;
    --color-warning-100: #fee6d5;
    --color-warning-600: #f97316;
    --color-danger-50: #fbf3f4;
    --color-danger-100: #f4dbde;
    --color-danger-600: #c23a4b;
    --color-info-50: #f0f6fe;
    --color-info-100: #d1e5fd;
    --color-info-600: #0b72e7;
    --color-page: #f7f8ff;
    --color-page-bg: #f7f8ff;
    --color-page-alt: #f3f5fb;
    --color-surface: #ffffff;
    --color-surface-elevated: #ffffff;
    --color-surface-subtle: #fbfbff;
    --color-surface-strong: #edf0f6;
    --color-text: #172033;
    --color-text-strong: #111827;
    --color-text-muted: #666c78;
    --color-text-soft: #9b9fa7;
    --color-text-inverse: #ffffff;
    --color-border: #e2e6f0;
    --color-border-strong: #c7cad3;
    --color-focus: #294a8f;
    --color-overlay: rgb(19 26 42 / 0.58);
    --color-primary: #1b315f;
    --color-primary-hover: #182c56;
    --color-secondary: #4338ca;
    --color-accent: #5b5ceb;
    --color-success: #157347;
    --color-warning: #f97316;
    --color-danger: #c23a4b;
    --color-info: #0b72e7;
    --admin-sidebar-bg: #101d39;
    --admin-sidebar-bg-soft: #142445;
    --admin-sidebar-text: #d4d6db;
    --admin-sidebar-muted: #9ba0ac;
    --admin-sidebar-border: rgb(255 255 255 / 0.08);
    --admin-sidebar-active: rgb(255 255 255 / 0.10);
    --admin-sidebar-accent: #6f70ed;
    --admin-topbar-bg: rgb(255 255 255 / 0.96);
    --admin-panel-border: #e2e6f0;
    --admin-table-head: #fafbff;
    --font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-family-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-family-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --radius-xs: 0.25rem;
    --radius-sm: 0.4rem;
    --radius-md: 0.65rem;
    --radius-lg: 0.9rem;
    --radius-xl: 1.25rem;
    --shadow-xs: 0 1px 2px rgb(16 24 40 / 0.05);
    --shadow-sm: 0 4px 14px rgb(16 24 40 / 0.07);
    --shadow-md: 0 12px 32px rgb(16 24 40 / 0.09);
    --shadow-lg: 0 22px 56px rgb(16 24 40 / 0.12);
    --control-height: 2.75rem;
    --admin-header-height: 4rem;
    --sidebar-width: 17.5rem;
    --brand-primary: #1b315f;
    --brand-primary-dark: #132344;
    --brand-primary-hover: #182c56;
    --brand-secondary: #4338ca;
    --brand-accent: #5b5ceb;
    --surface-page: #f7f8ff;
    --surface-card: #ffffff;
    --surface-elevated: #ffffff;
    --surface-subtle: #fbfbff;
    --text-primary: #172033;
    --text-strong: #111827;
    --text-muted: #666c78;
    --text-soft: #9b9fa7;
    --border-default: #e2e6f0;
    --focus-ring: #294a8f;
    --font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}