html.crm-standalone {
    /* scaling */
    font-size: 12px;

    --crm-font: 'Inter';
    --crm-font-title: 'Work Sans';

    --nook-blue-light: #3480F6;
    --nook-blue-mid: #2258ac;
    --nook-blue-dark: #19202E;
    --nook-blue-grey: #525761;

    --nook-grey-light: #F9F7F7;
    --nook-grey-mid: #E0E3E2;
    --nook-grey-dark: #D2D2D2;
    --nook-grey-extra-dark: #BBB;

    --nook-green: #43F5D1;
    --nook-orange: #E9C46E;
    --nook-red: #F34360;

    --nook-white: #FFFFFF;
    --nook-white-tint: #FAFAFA;
    --nook-white-tint2: #FDFDFD;

    --nook-c-urgency-none: var(--nook-grey-mid);
    --nook-c-urgency-low: var(--nook-green);
    --nook-c-urgency-medium: var(--nook-orange);
    --nook-c-urgency-high: var(--nook-red);

    --crm-c-primary: var(--nook-blue-light);
    --crm-c-secondary: var(--nook-blue-dark);

    --crm-c-text: var(--crm-c-secondary);
    --crm-c-text-light: var(--nook-white-tint);
    --crm-c-primary-text: var(--crm-c-text-light);
    --crm-c-primary-hover-text: var(--crm-c-primary-text);
    --crm-c-secondary-text: var(--crm-c-text-light);

    --crm-c-primary-hover: var(--nook-blue-mid);
    --crm-c-secondary-hover: var(--nook-blue-mid);
    --crm-c-link: var(--nook-blue-dark);

    --crm-c-background: var(--nook-white-tint);
    --crm-c-background2: var(--nook-white-tint2);
    --crm-c-background3: var(--nook-grey-mid);
    --crm-c-background4: var(--nook-white);

    --crm-c-page-background: var(--crm-c-background);

    --crm-input-background: var(--crm-c-background2);

    --crm-heading-bg: var(--crm-c-primary);
    --crm-heading-col: var(--crm-c-primary-text);

    --crm-dropdown-bg: var(--crm-c-background3);
    --crm-btn-alert-bg: var(--nook-red);

    /* source for help text background */
    --crm-c-green-light: color-mix(in srgb, var(--nook-green), white 70%);

    --crm-roundness: 0.5rem;

    --nook-icon-color: inherit;

    --crm-version: '';
}