:root {
  --base-font-size: 1;
  --font-size-scale: 1;
  --app-font-size-scale: 1;
}


/*
html {
  font-size: var(--app-font-size-scale)rem;
}

body {
  font-size: calc(1rem * var(--font-size-scale));
}
*/

/* Apply scaled font sizes to all text elements */

/*
.scale-font {
  font-size: calc(var(--base-font-size) * var(--app-font-size-scale));
}
*/

/* Base sizes that will scale with html font-size */

/*
.rz-text-title {
  font-size: 1.5rem;
}

.rz-text-subtitle {
  font-size: 1.2rem;
}

.rz-text-body {
  font-size: 1rem;
}

.rz-text-small {
  font-size: 0.875rem;
}

.rz-text-h1 { font-size: calc(2.5rem * var(--font-size-scale)) !important; }
.rz-text-h2 { font-size: calc(2rem * var(--font-size-scale)) !important; }
.rz-text-h3 { font-size: calc(1.75rem * var(--font-size-scale)) !important; }
.rz-text-h4 { font-size: calc(1.5rem * var(--font-size-scale)) !important; }
.rz-text-h5 { font-size: calc(1.25rem * var(--font-size-scale)) !important; }
.rz-text-h6 { font-size: calc(1rem * var(--font-size-scale)) !important; }
.rz-text-body1, .rz-text-body2, .rz-text-subtitle1, .rz-text-subtitle2,
.rz-text-caption, .rz-text-overline, .rz-text-button, .rz-text-title {
  font-size: calc(1rem * var(--font-size-scale)) !important;
}

.rz-p-1 { padding: calc(0.25rem * var(--font-size-scale)) !important; }
.rz-p-2 { padding: calc(0.5rem * var(--font-size-scale)) !important; }
.rz-p-3 { padding: calc(1rem * var(--font-size-scale)) !important; }
.rz-p-4 { padding: calc(1.5rem * var(--font-size-scale)) !important; }
.rz-p-5 { padding: calc(3rem * var(--font-size-scale)) !important; }

.rz-m-1 { margin: calc(0.25rem * var(--font-size-scale)) !important; }
.rz-m-2 { margin: calc(0.5rem * var(--font-size-scale)) !important; }
.rz-m-3 { margin: calc(1rem * var(--font-size-scale)) !important; }
.rz-m-4 { margin: calc(1.5rem * var(--font-size-scale)) !important; }
.rz-m-5 { margin: calc(3rem * var(--font-size-scale)) !important; }

.rz-stack-gap-1 { gap: calc(0.25rem * var(--font-size-scale)) !important; }
.rz-stack-gap-2 { gap: calc(0.5rem * var(--font-size-scale)) !important; }
.rz-stack-gap-3 { gap: calc(1rem * var(--font-size-scale)) !important; }
.rz-stack-gap-4 { gap: calc(1.5rem * var(--font-size-scale)) !important; }

.rz-button, .rz-input-text, .rz-dropdown {
  padding: calc(0.5rem * var(--font-size-scale)) calc(0.75rem * var(--font-size-scale));
}
*/