:root{
  --color-primary: #2563eb;
  --color-primary-rgb: 37, 99, 235;
  --color-primary_hover: #1d4ed8;
  --color-primary_hover-rgb: 29, 78, 216;
  --color-on_primary: #ffffff;
  --color-on_primary-rgb: 255, 255, 255;
  --color-secondary: #64748b;
  --color-secondary-rgb: 100, 116, 139;
  --color-highlight: #e7b87b;
  --color-highlight-rgb: 231, 184, 123;
  --color-background: #f5f7fb;
  --color-background-rgb: 245, 247, 251;
  --color-surface: #ffffff;
  --color-surface-rgb: 255, 255, 255;
  --color-text_primary: #0f172a;
  --color-text_primary-rgb: 15, 23, 42;
  --color-text_muted: #64748b;
  --color-text_muted-rgb: 100, 116, 139;
  --color-border: #e2e8f0;
  --color-border-rgb: 226, 232, 240;
  --color-shadow: #0f172a;
  --color-shadow-rgb: 15, 23, 42;
  --color-success: #22c55e;
  --color-success-rgb: 34, 197, 94;
  --color-warning: #f59e0b;
  --color-warning-rgb: 245, 158, 11;
  --color-info: #0ea5e9;
  --color-info-rgb: 14, 165, 233;
  --color-error: #ef4444;
  --color-error-rgb: 239, 68, 68;
  --color-overlay: #0f172a;
  --color-overlay-rgb: 15, 23, 42;
  --color-on_overlay: #ffffff;
  --color-on_overlay-rgb: 255, 255, 255;
  --color-media_background: #000000;
  --color-media_background-rgb: 0, 0, 0;
  --color-admin_sidebar_background: #2c3e50;
  --color-admin_sidebar_background-rgb: 44, 62, 80;
  --color-admin_sidebar_text: #ffffff;
  --color-admin_sidebar_text-rgb: 255, 255, 255;
  --color-admin_surface: #ffffff;
  --color-admin_surface-rgb: 255, 255, 255;
  --color-admin_background: #f4f6f9;
  --color-admin_background-rgb: 244, 246, 249;
  --color-admin_gradient_start: #5b6bd5;
  --color-admin_gradient_start-rgb: 91, 107, 213;
  --color-admin_gradient_end: #6d4bb3;
  --color-admin_gradient_end-rgb: 109, 75, 179;
  --color-provider_google: #DB4437;
  --color-provider_google-rgb: 219, 68, 55;
  --color-provider_facebook: #1877F2;
  --color-provider_facebook-rgb: 24, 119, 242;
  --color-welcome_background: #f5f7fb;
  --color-welcome_background-rgb: 245, 247, 251;
  --color-welcome_surface: #ffffff;
  --color-welcome_surface-rgb: 255, 255, 255;
  --color-welcome_panel: #f8fafc;
  --color-welcome_panel-rgb: 248, 250, 252;
  --color-welcome_heading: #0f172a;
  --color-welcome_heading-rgb: 15, 23, 42;
  --color-welcome_text: #475569;
  --color-welcome_text-rgb: 71, 85, 105;
  --color-welcome_accent: #2563eb;
  --color-welcome_accent-rgb: 37, 99, 235;
  --color-welcome_on_accent: #ffffff;
  --color-welcome_on_accent-rgb: 255, 255, 255;
  --color-welcome_border: #e2e8f0;
  --color-welcome_border-rgb: 226, 232, 240;
  --branding-hero-image: url("/branding-assets/hero_image?v=d0f7e8a5df20");

  --bs-body-bg: var(--color-background);
  --bs-body-color: var(--color-text_primary);
  --bs-border-color: var(--color-border);
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: var(--color-primary-rgb);
  --bs-secondary: var(--color-secondary);
  --bs-secondary-rgb: var(--color-secondary-rgb);
  --bs-light: var(--color-background);
  --bs-light-rgb: var(--color-background-rgb);
  --bs-dark: var(--color-overlay);
  --bs-dark-rgb: var(--color-overlay-rgb);
  --bs-success: var(--color-success);
  --bs-success-rgb: var(--color-success-rgb);
  --bs-warning: var(--color-warning);
  --bs-warning-rgb: var(--color-warning-rgb);
  --bs-info: var(--color-info);
  --bs-info-rgb: var(--color-info-rgb);
  --bs-danger: var(--color-error);
  --bs-danger-rgb: var(--color-error-rgb);
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--color-primary_hover);
  --bs-card-bg: var(--color-surface);
  --bs-secondary-color: var(--color-text_muted);
}

:root[data-theme='dark']{
  --color-primary: #3b82f6;
  --color-primary-rgb: 59, 130, 246;
  --color-primary_hover: #2563eb;
  --color-primary_hover-rgb: 37, 99, 235;
  --color-on_primary: #071018;
  --color-on_primary-rgb: 7, 16, 24;
  --color-secondary: #94a3b8;
  --color-secondary-rgb: 148, 163, 184;
  --color-highlight: #e7b87b;
  --color-highlight-rgb: 231, 184, 123;
  --color-background: #0b1220;
  --color-background-rgb: 11, 18, 32;
  --color-surface: #0f172a;
  --color-surface-rgb: 15, 23, 42;
  --color-text_primary: #e6edf7;
  --color-text_primary-rgb: 230, 237, 247;
  --color-text_muted: #94a3b8;
  --color-text_muted-rgb: 148, 163, 184;
  --color-border: #1f2a44;
  --color-border-rgb: 31, 42, 68;
  --color-shadow: #000000;
  --color-shadow-rgb: 0, 0, 0;
  --color-success: #22c55e;
  --color-success-rgb: 34, 197, 94;
  --color-warning: #fbbf24;
  --color-warning-rgb: 251, 191, 36;
  --color-info: #38bdf8;
  --color-info-rgb: 56, 189, 248;
  --color-error: #f87171;
  --color-error-rgb: 248, 113, 113;
  --color-overlay: #000000;
  --color-overlay-rgb: 0, 0, 0;
  --color-on_overlay: #ffffff;
  --color-on_overlay-rgb: 255, 255, 255;
  --color-media_background: #000000;
  --color-media_background-rgb: 0, 0, 0;
  --color-admin_sidebar_background: #111827;
  --color-admin_sidebar_background-rgb: 17, 24, 39;
  --color-admin_sidebar_text: #ffffff;
  --color-admin_sidebar_text-rgb: 255, 255, 255;
  --color-admin_surface: #0f172a;
  --color-admin_surface-rgb: 15, 23, 42;
  --color-admin_background: #0b1220;
  --color-admin_background-rgb: 11, 18, 32;
  --color-admin_gradient_start: #5b6bd5;
  --color-admin_gradient_start-rgb: 91, 107, 213;
  --color-admin_gradient_end: #6d4bb3;
  --color-admin_gradient_end-rgb: 109, 75, 179;
  --color-provider_google: #DB4437;
  --color-provider_google-rgb: 219, 68, 55;
  --color-provider_facebook: #1877F2;
  --color-provider_facebook-rgb: 24, 119, 242;
  --color-welcome_background: #0b1220;
  --color-welcome_background-rgb: 11, 18, 32;
  --color-welcome_surface: #0f172a;
  --color-welcome_surface-rgb: 15, 23, 42;
  --color-welcome_panel: #111c33;
  --color-welcome_panel-rgb: 17, 28, 51;
  --color-welcome_heading: #e6edf7;
  --color-welcome_heading-rgb: 230, 237, 247;
  --color-welcome_text: #94a3b8;
  --color-welcome_text-rgb: 148, 163, 184;
  --color-welcome_accent: #3b82f6;
  --color-welcome_accent-rgb: 59, 130, 246;
  --color-welcome_on_accent: #071018;
  --color-welcome_on_accent-rgb: 7, 16, 24;
  --color-welcome_border: #1f2a44;
  --color-welcome_border-rgb: 31, 42, 68;

  --bs-body-bg: var(--color-background);
  --bs-body-color: var(--color-text_primary);
  --bs-border-color: var(--color-border);
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: var(--color-primary-rgb);
  --bs-secondary: var(--color-secondary);
  --bs-secondary-rgb: var(--color-secondary-rgb);
  --bs-light: var(--color-background);
  --bs-light-rgb: var(--color-background-rgb);
  --bs-dark: var(--color-overlay);
  --bs-dark-rgb: var(--color-overlay-rgb);
  --bs-success: var(--color-success);
  --bs-success-rgb: var(--color-success-rgb);
  --bs-warning: var(--color-warning);
  --bs-warning-rgb: var(--color-warning-rgb);
  --bs-info: var(--color-info);
  --bs-info-rgb: var(--color-info-rgb);
  --bs-danger: var(--color-error);
  --bs-danger-rgb: var(--color-error-rgb);
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--color-primary_hover);
  --bs-card-bg: var(--color-surface);
  --bs-secondary-color: var(--color-text_muted);
}