/*
 * Material Design 3 color tokens — generated from seed color #1B6CA8.
 * To regenerate: https://m3.material.io/theme-builder → enter seed → Export Web (CSS).
 * Replace this file with the export and keep the font/shape variables below.
 */
:root {
  /* Primary */
  --md-sys-color-primary:                #1B6CA8;
  --md-sys-color-on-primary:             #FFFFFF;
  --md-sys-color-primary-container:      #D6E4FF;
  --md-sys-color-on-primary-container:   #001C3D;

  /* Secondary */
  --md-sys-color-secondary:              #555F71;
  --md-sys-color-on-secondary:           #FFFFFF;
  --md-sys-color-secondary-container:    #D9E3F8;
  --md-sys-color-on-secondary-container: #121C2B;

  /* Tertiary */
  --md-sys-color-tertiary:               #6D5676;
  --md-sys-color-on-tertiary:            #FFFFFF;
  --md-sys-color-tertiary-container:     #F6D9FF;
  --md-sys-color-on-tertiary-container:  #271030;

  /* Error */
  --md-sys-color-error:                  #BA1A1A;
  --md-sys-color-on-error:               #FFFFFF;
  --md-sys-color-error-container:        #FFDAD6;
  --md-sys-color-on-error-container:     #410002;

  /* Background / Surface */
  --md-sys-color-background:             #FAFCFF;
  --md-sys-color-on-background:          #191C20;
  --md-sys-color-surface:                #FAFCFF;
  --md-sys-color-on-surface:             #191C20;
  --md-sys-color-surface-variant:        #DFE2EB;
  --md-sys-color-on-surface-variant:     #43474E;
  --md-sys-color-surface-container:      #ECEEF4;
  --md-sys-color-surface-container-high: #E6E8EE;

  /* Outline */
  --md-sys-color-outline:                #73777F;
  --md-sys-color-outline-variant:        #C3C6CF;

  /* Typography */
  --md-sys-typescale-font-family:        'Roboto', sans-serif;

  /* Shape */
  --md-sys-shape-corner-small:           4px;
  --md-sys-shape-corner-medium:          12px;
  --md-sys-shape-corner-large:           16px;
}