/**
 * @see wp-content/themes/core-fse/assets/css/vars/semantic.css
 */

/** Color **/
:root {
  --color-base: #f7f5f2;             /* (required) main background (for page) - neutral base color */
  --color-contrast: #101921;         /* (required) opposite to base (for text on it) */
  --color-accent-2: #c4c5f3;
  --color-accent-3: #9293e9;
  --color-accent-4: #6061de;
  --color-accent: #2e2fd4;           /* (required) brand accent */
  --color-accent-6: #2324a1;
  --color-accent-7: #18186e;
  --color-on-accent: #f7f5f2;        /* (required) text/icons on accent background */
  --color-on-image: white;           /* (required) text/icons on image background */
  --color-links: #2e2fd4;            /* (required) link color. IMP: CanNOT be "--color-link" because of conflict with WP class .has-link-color */
  --color-links-hover: #022c4a;      /* (required) link hover color */
}

/** Override core-theme vars **/
:root {
  --_spacing--edge-x: var(--size-fluid400-80px);
  --_spacing--base-gap: var(--size-fluid200-16px);
}