:root {
    --md-sys-color-surface: #F5FAFD;
    --md-sys-color-on-surface: #171C1E;

    --md-spacing-4: 4px;
    --md-spacing-8: 8px;
    --md-spacing-16: 16px;
    --md-spacing-24: 24px;
    --md-spacing-32: 32px;
    --md-spacing-40: 40px;

    --md-border-radius-md: 12px;

    --md-filled-text-field-container-color: #dee3e6;

    --md-icon-color: #B3CAD3;
    --md-resend-color: #B3CAD3;
    --md-house-color-icon: #171C1E;

    --md-sys-color-secondary-container: #00677d;
    --md-sys-color-on-secondary-container: #ffffff;
    --md-sys-color-primary: #00677d;
    --md-sys-color-outline: #70787c;
    --md-sys-color-surface-container-highest: #dee3e6;
    --md-filled-text-field-label-text-color: #40484b;
    --md-filled-text-field-input-text-color: #40484b;
    --md-sys-dark-surface-variant: #444746;
    --md-sys-dark-secondary: #B3CAD3;
    --md-sys-light-outline-variant: #BFC8CC;
    --md-bubble-bg-important: #fcdcdc;

    --md-dialog-container-color: #F5FAFD;
    --md-sys-color-on-surface-variant: #3f4948;

    --md-sys-light-on-primary: #ffffff;
    --md-black: #000000;
}