/*
 * SendPulse CSS custom properties (light theme).
 *
 * Mirrors the :root block from login.sendpulse.com/dist/css/template.min.css,
 * so we can reference the same var(--*) names that sp-bootstrap.min.css uses
 * without pulling in the full template stylesheet.
 *
 * Source: https://login.sendpulse.com/dist/css/template.min.css
 */
:root {
  /* Brand / accents (shared with dark theme) */
  --sp-primary: #009FC1;
  --sp-secondary: #00b175;
  --link-color: #009FC1;
  --primary-color: #009FC1;
  --accent-color: #00b175;
  --success-color: #00b175;
  --marine-color: #007D96;
  --marine-color-light: #1CACB4;
  --color-muted: #6a6f79;
  --active-color: #f25a3e;
  --active-color-light: #F86850;
  --highlight-color: #00b175;
  --lime-stat-color: #56B259;
  --paid-color: #7738ED;
  --paid-color-secondary: #b07df1;
  --paid-color-pro-secondary: #33CFE4;
  --paid-color-enterprise-secondary: #FFA800;
  --ai-color-primary: #4e00c2;
  --ai-color-secondary: #5ddcff;
  --color-fb: #1877F2;
  --color-tw: #00ABF0;
  --fb-messenger-color: #0084ff;
  --tg-brand-color: #0088cc;
  --tt-brand-color: #000;
  --wa-brand-color: #33D26B;
  --ig-brand-color: #EE1376;
  --viber-brand-color: #7360f2;
  --lc-brand-color: #0055fe;
  --ios-link-color: #008EF8;
  --navbar-bg: #023346;
  --navbar-active-color: rgba(0, 159, 193, 0.4);
  --focus-color-rgba: rgba(0, 177, 117, 0.2);
  --bg-header: #023346;
  --navbar-btn-color: #034964;
  --text-labels-size: 13px;
  --text-big-size: 18px;

  /* Light theme */
  --theme: light;
  --sans-font: 'Onest', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Ubuntu, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --code-font: 'Consolas', 'Monaco', 'Menlo', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
  --base-font: 'Onest', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Ubuntu, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --base-font-size: 16px;
  --line-height-condensed: 1.15;
  --bg-color: #f2f5f5;
  --base-color: #000;
  --sp-primary-light: #eff3f3;
  --sp-secondary-light: #e7fcf5;
  --danger-color: #d94b4d;
  --warning-color: #e3a92d;
  --bg-secondary-color: #fbfcfc;
  --muted-grey: #465152;
  --muted-color: #465152;
  --muted-link-color: #023346;
  --bg-color-muted: #FAFCFD;
  --light-color: #91a4a5;
  --divider-color: #cdd4d4;
  --br-brand-color: #dac079;
  --message-bg: #fff;
  --navbar-default-bg: #f8f8f8;
  --state-success-bg: #F2FFF5;
  --state-info-bg: #f8fdff;
  --state-warning-bg: #FFFDF4;
  --state-danger-bg: #fffafa;
  --bg-upload-area: #F6FCFF;
  --fast-create-color: #009FC1;
  --content-padding: 32px;
  --gutter-size: 16px;
  --gutter-size-lg: 24px;
  --gutter-size-md: 20px;
  --gutter-size-sm: 12px;
  --gutter-size-xs: 8px;
  --gutter-base: 4px;
  --size-desktop-lg: 1400px;
  --size-desktop: 1280px;
  --size-desktop-sm: 1024px;
  --size-tablet: 620px;
  --size-mobile: 480px;
  --handler-item-color: #fff;
  --bg-panels: #f5f7f7;
  --highlight-color-lighten: #c5ffeb;
  --block-overlay-opacity: 0.6;
  --block-overlay-bg: #fff;
  --well-bg: #e6ecec;
  --panel-bg: #fff;
  --panel-footer-bg: #f8f9f9;
  --panel-default-heading-bg: #f8f9f9;
  --modal-content-bg: #fefefe;
  --btn-default-bg: #e1e8e8;
  --border-radius-base: 8px;
  --border-radius-large: 10px;
  --border-radius-small: 6px;
  --popover-bg: #fff;
  --dropdown-bg: #fff;
  --dropdown-link-hover-bg: #eff3f3;
  --dropdown-link-color: #000;
  --input-bg: #fff;
  --input-bg-disabled: #eeeeee;
  --input-color: #555555;
  --input-border: #cdd4d4;
  --input-border-hover: #b2bcbc;
  --input-color-placeholder: #999;
  --list-group-hover-bg: #f9f9f9;
}