:root {
    /* general */
    --ptr-admin-fs-sm: 14px;
    --ptr-admin-fs-md: 18px;

    /* wrapper */
    --ptr-admin-spacing-x: var(--ptr-admin-spacing-md);
    --ptr-admin-spacing-y: var(--ptr-admin-spacing-md);
    --ptr-admin-wrapper-bg: white;
    --ptr-admin-wrapper-radius: var(--ptr-admin-spacing-md);

    /* input related */
    --ptr-admin-input-border-width: 1px;
    --ptr-admin-input-border-color: #a1a1a1;
    --ptr-admin-input-border-color-active: #00000;
    --ptr-admin-input-border-radius: var(--ptr-admin-spacing-sm);
    --ptr-admin-input-spacing-y: 0.7rem;
    --ptr-admin-input-spacing-x: var(--ptr-admin-spacing-md);

    /* label related */
    --ptr-admin-label-font-size: var(--ptr-admin-fs-sm);
    /* button */
    --ptr-admin-btn-font-size: var(--ptr-admin-fs-md);
    --ptr-admin-btn-bg: var(--ptr-admin-color-primary);
    --ptr-admin-btn-bg-hover: var(--ptr-admin-color-dark);
    --ptr-admin-button-border-width: var(--ptr-admin-input-border-width);
    --ptr-admin-button-border-color: transparent;
    --ptr-admin-button-border-color-active: var(--ptr-admin-color-dark);
    --ptr-admin-button-border-radius: var(--ptr-admin-spacing-sm);

    /* progress bar */
    --ptr-admin-progress-height: var(--ptr-admin-spacing-sm);
    --ptr-admin-progress-bg: var(--ptr-admin-color-grey);
    --ptr-admin-progress-radius: var(--ptr-admin-spacing-xs);
    --ptr-admin-progress-inner-bg: var(--ptr-admin-color-primary);
}