$translucid-background-color           : color-mix(in srgb, var(--ion-color-light)     95%, transparent 5%);
$translucid-primary-background-color   : color-mix(in srgb, var(--ion-color-primary)   30%, transparent 70%);
$translucid-secondary-background-color : color-mix(in srgb, var(--ion-color-secondary) 30%, transparent 70%);
$translucid-tertiary-background-color  : color-mix(in srgb, var(--ion-color-tertiary)  30%, transparent 70%);
$translucid-success-background-color   : color-mix(in srgb, var(--ion-color-success)   30%, transparent 70%);
$translucid-warning-background-color   : color-mix(in srgb, var(--ion-color-warning)   30%, transparent 70%);
$translucid-danger-background-color    : color-mix(in srgb, var(--ion-color-danger)    30%, transparent 70%);
$translucid-dark-background-color      : color-mix(in srgb, var(--ion-color-dark)      30%, transparent 70%);
$translucid-medium-background-color    : color-mix(in srgb, var(--ion-color-medium)    30%, transparent 70%);
$translucid-light-background-color     : color-mix(in srgb, var(--ion-color-light)     30%, transparent 70%);

$translucid-border-color           : var(--ion-color-step-250);
$translucid-border-color-primary   : color-mix(in srgb, var(--ion-color-primary)   20%, transparent 80%);
$translucid-border-color-secondary : color-mix(in srgb, var(--ion-color-secondary) 20%, transparent 80%);
$translucid-border-color-tertiary  : color-mix(in srgb, var(--ion-color-tertiary)  20%, transparent 80%);
$translucid-border-color-success   : color-mix(in srgb, var(--ion-color-success)   20%, transparent 80%);
$translucid-border-color-warning   : color-mix(in srgb, var(--ion-color-warning)   20%, transparent 80%);
$translucid-border-color-danger    : color-mix(in srgb, var(--ion-color-danger)    20%, transparent 80%);
$translucid-border-color-dark      : color-mix(in srgb, var(--ion-color-dark)      20%, transparent 80%);
$translucid-border-color-medium    : color-mix(in srgb, var(--ion-color-medium)    20%, transparent 80%);
$translucid-border-color-light     : color-mix(in srgb, var(--ion-color-light)     20%, transparent 80%);