.recharge-theme {
    /* App */
    --recharge-app-background: var(--hx-paper-06);
    --recharge-app-container: 1200px;
    --recharge-app-vertical-padding: 32px;

    /* Brand colors */
    
--recharge-color-brand: var(--hx-brand-01);

    /* Tints */
    --recharge-color-brand-120: var(--hx-misc-06);
    --recharge-color-brand-20: var(--hx-brand-08);
    --recharge-color-brand-40: var(--hx-misc-07);
    --recharge-color-brand-60: var(--hx-misc-18);
    --recharge-color-brand-75: var(--hx-misc-19);
    --recharge-color-brand-85: var(--hx-misc-20);

    /* Neutral */
    --recharge-color-neutral: var(--hx-misc-21);
    --recharge-color-neutral-80: var(--hx-grey-08);
    --recharge-color-neutral-70: var(--hx-grey-09);
    --recharge-color-neutral-40: var(--hx-grey-10);
    --recharge-color-neutral-10: var(--hx-paper-11);
    

    /* Links */
    --recharge-button-secondary: var(--hx-brand-01);
    --recharge-button-secondary-120: var(--hx-misc-06);
    --recharge-button-secondary-60: var(--hx-misc-07);

    /* Images */
    --recharge-images-ratio: 1;

    /* Cards */
    
    --recharge-cards-background: var(--hx-paper-02);
    

    
    --recharge-cards-border-color: RGBA(0,0,0,0);
    

    /* Fonts */
    --recharge-typography-scale: 16px;
    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));

    /** Text **/
    --recharge-typography-light: var(--hx-paper-02);
    --recharge-typography-primary: var(--recharge-color-neutral);
    --recharge-typography-secondary: var(--recharge-color-neutral-70);

    /* Corners */
    --recharge-corners-radius: 8px;

    --recharge-button-border-radius: 8px;
    

    /* Views */
    
    --recharge-views-background: var(--hx-paper-06);
    

    /* Buttons */
    --recharge-button-font-family: inherit;
    --recharge-button-brand: var(--recharge-color-brand);
    --recharge-button-color: var(--hx-paper-02);
  }