/* Auto-generated light theme - DO NOT EDIT MANUALLY */
/* Generated: 2026-04-10T21:37:00.533Z */
/* Source: branding_config table */

:root {
    --bg-dark: #0f172a;
    --hover-bg: #f0f0f0;
    --input-bg: #ffffff;
    --active-bg: #e6e6e6;
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --bg-primary: #ffffff;
    --bg-sidebar: #f7f7f7;
    --brand-blue: #221551;
    --focus-ring: #221551;
    --info-color: #3b82f6;
    --text-light: #1b294c;
    --text-muted: #182543;
    --theme-user: #c67022;
    --bg-tertiary: #f0f0f0;
    --border-dark: #b7b9bf;
    --error-color: #ef4444;
    --input-focus: #221551;
    --bg-secondary: #f7f7f7;
    --border-light: #e2e3e5;
    --chat-send-bg: #221551;
    --input-border: #221551;
    --text-primary: #0f172a;
    --theme-accent: #221551;
    --theme-action: #221551;
    --border-medium: #cfd1d4;
    --campaign-icon: #c67022;
    --chart-primary: #221551;
    --chat-input-bg: #ffffff;
    --success-color: #10b981;
    --theme-primary: #221551;
    --warning-color: #f59e0b;
    --chart-tertiary: #c67022;
    --editor-primary: #221551;
    --send-button-bg: #221551;
    --text-secondary: #15203b;
    --campaign-cta-bg: #221551;
    --chart-secondary: #221551;
    --send-icon-color: #ffffff;
    --table-body-text: #0f172a;
    --table-row-hover: rgba(0, 0, 0, 0.03);
    --campaign-cta-text: #ffffff;
    --chat-ai-bubble-bg: #f7f7f7;
    --chat-input-border: #221551;
    --diagram-node-fill: #221551;
    --diagram-node-text: #ffffff;
    --send-button-hover: #1d1245;
    --table-cell-border: #291961;
    --table-row-even-bg: #f7f7f7;
    --theme-action-dark: #1d1245;
    --theme-action-text: #ffffff;
    --diagram-edge-color: #182543;
    --table-first-column: #1d1245;
    --theme-action-light: #27185d;
    --theme-primary-dark: #1d1245;
    --chat-ai-bubble-text: #0f172a;
    --chat-user-bubble-bg: #c67022;
    --diagram-node-stroke: #1d1245;
    --theme-primary-light: #291961;
    --chat-send-icon-color: #ffffff;
    --theme-secondary-dark: #c67022;
    --chat-ai-bubble-border: #221551;
    --chat-user-bubble-text: #ffffff;
    --indicator-stop-button: #ef4444;
    --table-first-column-bg: rgba(34, 21, 81, 0.08);
    --theme-secondary-light: #f88c2b;
    --chat-user-bubble-border: #c67022;
    --table-first-column-text: #0f172a;
    --indicator-progress-color: #221551;
    --table-header-gradient-end: #221551;
    --indicator-background-color: #f0f0f0;
    --table-header-gradient-start: #221551;
}

/* Background pattern: drift */
@keyframes gptweb-drift {
  0% { background-position: 0% 50%, 100% 50%, 50% 50%; }
  50% { background-position: 100% 50%, 0% 50%, 50% 50%; }
  100% { background-position: 0% 50%, 100% 50%, 50% 50%; }
}
body.has-bg-pattern {
    background: #ffffff;
    background-image:
        radial-gradient(ellipse 50% 80% at 25% 50%, rgba(34,21,81,0.168) 0%, transparent 60%),
        radial-gradient(ellipse 45% 70% at 75% 50%, rgba(34,21,81,0.118) 0%, transparent 55%),
        radial-gradient(ellipse 60% 40% at 50% 80%, rgba(34,21,81,0.067) 0%, transparent 50%);
    background-size: 200% 100%, 200% 100%, 100% 100%;
    animation: gptweb-drift 20s ease-in-out infinite;
    will-change: background-position;
}
@media (prefers-reduced-motion: reduce) {
  body.has-bg-pattern { animation: none !important; }
}