/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

/* -------------------- Farger -------------------- */

/* Variabler */


/* --------- */

:root, [data-bs-theme='light'] {
    --phoenix-primary:  #D1DAB5;
    --phoenix-primary-rgb: 209, 218, 181;
    --phoenix-primary-lighter: #aac72a;
    --phoenix-secondary: #443425;
    --phoenix-secondary-rgb: 68, 52, 37;

    --accent: #2B9D2F;
    --accent-rgb: 43, 157, 47;


    /* 
    --phoenix-success-rgb
    --phoenix-info-rgb
    --phoenix-warning-rgb
    --phoenix-danger-rgb
    
    */


    --phoenix-primary-bg-subtle: #E1D5B8;
    --phoenix-primary-bg-subtle-rgb: 255, 213, 254;
    --phoenix-heading-color: #443425;

    --phoenix-link-color: var(--accent);
    --phoenix-link-color-rgb: var(--accent-rgb);

    /* grays */
    --phoenix-gray-100:  #f9fafd;
    --phoenix-gray-100-rgb: 249, 250, 253;

    .btn-subtle-primary {
      --phoenix-btn-color: var(--phoenix-heading-color);
      --phoenix-btn-bg: var(--phoenix-primary-bg-subtle);
      --phoenix-btn-border-color: #e5edff;
      --phoenix-btn-hover-color: var(--phoenix-heading-color);
      --phoenix-btn-hover-bg: var(--phoenix-primary-lighter);
      --phoenix-btn-hover-border-color: #e8efff;
      --phoenix-btn-focus-shadow-rgb: 195, 210, 247;
      --phoenix-btn-active-color: #000000;
      --phoenix-btn-active-bg: #eaf1ff;
      --phoenix-btn-active-border-color: #e8efff;
      --phoenix-btn-active-shadow: initial;
      --phoenix-btn-disabled-color: #000000;
      --phoenix-btn-disabled-bg: #e5edff;
      --phoenix-btn-disabled-border-color: #e5edff;
    }
    .btn-outline-primary {
      --phoenix-btn-color: var(--phoenix-heading-color);
      --phoenix-btn-border-color: var(--phoenix-heading-color);
      --phoenix-btn-hover-color: #fff;
      --phoenix-btn-hover-bg: var(--phoenix-heading-color);
      --phoenix-btn-hover-border-color: var(--phoenix-heading-color);
      --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
      --phoenix-btn-active-color: #fff;
      --phoenix-btn-active-bg: #3874ff;
      --phoenix-btn-active-border-color: #3874ff;
      --phoenix-btn-active-shadow: initial;
      --phoenix-btn-disabled-color: #3874ff;
      --phoenix-btn-disabled-bg: transparent;
      --phoenix-btn-disabled-border-color: #3874ff;
      --phoenix-gradient: none;
    }

  }
  [data-bs-theme='dark']{
    --phoenix-primary:  #e63757;
    --phoenix-primary-rgb: 230, 55, 87;
    --phoenix-primary-bg-subtle: #e9edc9;
    --phoenix-primary-bg-subtle-rgb: 233, 237, 201;
  }

/* ------------------------------------------------ */