:root {
    --md-background:              #f0f0f0;
    --md-surface:                 #ffffff;
    --md-outline:                 #dddddd;

    --md-on-background:           #1a1a1a;
    --md-on-surface-variant:      #555555;

    --md-primary:                 #3b82f6;
    --md-on-primary:              #ffffff;
    --md-primary-container:       #eff6ff;
    --md-on-primary-container:    #1d4ed8;

    --md-secondary:               #16a34a;
    --md-on-secondary:            #ffffff;
    --md-secondary-container:     #f0fdf4;
    --md-on-secondary-container:  #15803d;

    --md-tertiary:                #d97706;
    --md-on-tertiary:             #ffffff;

    --md-error:                   #dc2626;
    --md-on-error:                #ffffff;

    --md-neutral:                 #6b7280;
    --md-on-neutral:              #ffffff;
}

[data-theme="dark"] {
    --md-background:              #111827;
    --md-surface:                 #1f2937;
    --md-outline:                 #374151;

    --md-on-background:           #f3f4f6;
    --md-on-surface-variant:      #9ca3af;

    --md-primary-container:       #1e3a5f;
    --md-on-primary-container:    #bfdbfe;

    --md-secondary-container:     #14532d;
    --md-on-secondary-container:  #bbf7d0;
}