/* MDC theming */

/* General */
:root {
  --md-sys-color-surface-variant: var(--amla-control-background);
  --md-sys-color-on-surface-variant: var(--amla-control-background-contrast);
  --md-sys-color-on-surface:  var(--amla-control-background-contrast);
  --md-sys-color-error: var(--amla-error);
  --md-sys-color-on-error-container: var(--amla-error);
  --md-sys-color-primary: var(--amla-control-primary);
 
  --mdc-shape-small: 0;
  --mdc-theme-surface: var(--amla-control-background);
  --mdc-theme-primary: var(--amla-control-primary);
  --mdc-theme-text-primary-on-background: var(--amla-control-background-contrast);
}

/* mwc-select */
:root {
  --mdc-select-fill-color: var(--amla-control-background);
  --mdc-select-ink-color: var(--amla-control-background-contrast);
  --mdc-select-label-ink-color: var(--amla-control-background-contrast);
  --mdc-select-dropdown-icon-color: var(--amla-control-primary);
}

/* md-filled-text-field */
:root {  
    /* Radius */
    --md-filled-text-field-container-shape-start-start: 0;
    --md-filled-text-field-container-shape-start-end: 0;
    --md-filled-text-field-container-shape-end-end: 0;
    --md-filled-text-field-container-shape-end-start: 0;
    --md-filled-text-field-container-height: 48px;
    --md-filled-text-field-input-text-line-height: 1rem;
 
    /* 
    For Reference:
    --md-filled-field-container-shape-start-start: var(--md-filled-text-field-container-shape-start-start, 4px);
    --md-filled-field-container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, 4px);
    --md-filled-field-container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, 0);
    --md-filled-field-container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, 0);
    --md-filled-field-active-indicator-color: var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-active-indicator-height: var(--md-filled-text-field-active-indicator-height, 1px);
    --md-filled-field-container-color: var(--md-filled-text-field-container-color, var(--md-sys-color-surface-variant, #e7e0ec));
    --md-filled-field-container-height: var(--md-filled-text-field-container-height, 56px);
    --md-filled-field-container-padding-horizontal: var(--md-filled-text-field-container-padding-horizontal, 16px);
    --md-filled-field-container-padding-vertical: var(--md-filled-text-field-container-padding-vertical, 8px);
    --md-filled-field-content-color: var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-active-indicator-height: var(--md-filled-text-field-disabled-active-indicator-height, 1px);
    --md-filled-field-disabled-active-indicator-opacity: var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);
    --md-filled-field-disabled-container-color: var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-container-opacity: var(--md-filled-text-field-disabled-container-opacity, 0.04);
    --md-filled-field-disabled-content-color: var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-content-opacity: var(--md-filled-text-field-disabled-input-text-opacity, 0.38);
    --md-filled-field-disabled-label-text-color: var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-label-text-opacity: var(--md-filled-text-field-disabled-label-text-opacity, 0.38);
    --md-filled-field-disabled-leading-icon-color: var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-leading-icon-opacity: var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);
    --md-filled-field-disabled-supporting-text-color: var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-supporting-text-opacity: var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);
    --md-filled-field-disabled-trailing-icon-color: var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-disabled-trailing-icon-opacity: var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);
    --md-filled-field-error-active-indicator-color: var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-focus-active-indicator-color: var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-focus-content-color: var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-error-focus-label-text-color: var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-focus-leading-icon-color: var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-error-focus-supporting-text-color: var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-focus-trailing-icon-color: var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-hover-active-indicator-color: var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));
    --md-filled-field-error-hover-content-color: var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-error-hover-label-text-color: var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));
    --md-filled-field-error-hover-leading-icon-color: var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-error-hover-state-layer-color: var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-error-hover-state-layer-opacity: var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);
    --md-filled-field-error-hover-supporting-text-color: var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-hover-trailing-icon-color: var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));
    --md-filled-field-error-content-color: var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-error-label-text-color: var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-leading-icon-color: var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-error-supporting-text-color: var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-error-trailing-icon-color: var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));
    --md-filled-field-focus-active-indicator-color: var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));
    --md-filled-field-focus-active-indicator-height: var(--md-filled-text-field-focus-active-indicator-height, 2px);
    --md-filled-field-focus-content-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-focus-label-text-color: var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));
    --md-filled-field-focus-leading-icon-color: var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-focus-supporting-text-color: var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-focus-trailing-icon-color: var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-hover-active-indicator-color: var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-hover-active-indicator-height: var(--md-filled-text-field-hover-active-indicator-height, 1px);
    --md-filled-field-hover-content-color: var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-hover-label-text-color: var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-hover-leading-icon-color: var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-hover-state-layer-color: var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));
    --md-filled-field-hover-state-layer-opacity: var(--md-filled-text-field-hover-state-layer-opacity, 0.08);
    --md-filled-field-hover-supporting-text-color: var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-hover-trailing-icon-color: var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-label-text-font: var(--md-filled-text-field-label-text-font, Roboto);
    --md-filled-field-label-text-line-height: var(--md-filled-text-field-label-text-line-height, 1.5rem);
    --md-filled-field-label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, 16px);
    --md-filled-field-label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, 12px);
    --md-filled-field-label-text-size: var(--md-filled-text-field-label-text-size, 1rem);
    --md-filled-field-label-text-tracking: var(--md-filled-text-field-label-text-tracking, 0.03125rem);
    --md-filled-field-label-text-weight: var(--md-filled-text-field-label-text-weight, 400);
    --md-filled-field-leading-icon-color: var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-leading-icon-size: var(--md-filled-text-field-leading-icon-size, 20px);
    --md-filled-field-supporting-text-color: var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-supporting-text-font: var(--md-filled-text-field-supporting-text-font, Roboto);
    --md-filled-field-supporting-text-line-height: var(--md-filled-text-field-supporting-text-line-height, 1rem);
    --md-filled-field-supporting-text-size: var(--md-filled-text-field-supporting-text-size, 0.75rem);
    --md-filled-field-supporting-text-tracking: var(--md-filled-text-field-supporting-text-tracking, 0.025rem);
    --md-filled-field-supporting-text-weight: var(--md-filled-text-field-supporting-text-weight, 400);
    --md-filled-field-trailing-icon-color: var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
    --md-filled-field-trailing-icon-size: var(--md-filled-text-field-trailing-icon-size, 24px);
    */
  
  }